Update Sky widgets to have more material design

This CL updates the Sky widgets to be closer to the material design spec.
There's still a long way to go, but this CL is a start.

R=eseidel@chromium.org

Review URL: https://codereview.chromium.org/951823002
This commit is contained in:
Adam Barth 2015-02-23 23:59:57 -08:00
parent adf02a0dc5
commit 3904a6c35b

View file

@ -13,6 +13,9 @@
<sky-element>
<template>
<style>
:host {
font-family: 'Roboto Regular', 'Helvetica';
}
div {
display: flex;
align-items: center;
@ -34,9 +37,11 @@
</sky-box>
<sky-box title='Buttons'>
<sky-button id='button'>Button</sky-button>
<div>highlight: {{ myButton.highlight }}</div>
<div>clickCount: {{ clickCount }}</div>
<div style="display: flex; flex-direction: horizontal">
<div style="flex:1" />
<sky-button level="1" id="button">CANCEL</sky-button>
<sky-button level="1" primary>CONFIRM</sky-button>
</div>
</sky-box>
<sky-box title='Checkboxes'>