Add <sky-icon> to access material design widgets

R=eseidel@chromium.org

Review URL: https://codereview.chromium.org/947383002
This commit is contained in:
Adam Barth 2015-02-23 17:26:19 -08:00
parent 4ca655c963
commit b24baa7a2a

View File

@ -5,6 +5,7 @@
--> -->
<import src="/sky/framework/sky-drawer.sky" /> <import src="/sky/framework/sky-drawer.sky" />
<import src="/sky/framework/sky-element.sky" /> <import src="/sky/framework/sky-element.sky" />
<import src="/sky/framework/sky-icon.sky" />
<import src="/sky/framework/sky-scrollable.sky" /> <import src="/sky/framework/sky-scrollable.sky" />
<import src="stock.sky" as='view'/> <import src="stock.sky" as='view'/>
<import src='companylist.sky' as='model'/> <import src='companylist.sky' as='model'/>
@ -39,11 +40,8 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
width: 24px;
height: 24px;
padding: 7px; padding: 7px;
margin: 0 8px; margin: 0 8px;
background-color: papayawhip;
color: black; color: black;
} }
#title { #title {
@ -58,7 +56,7 @@
I am drawer I am drawer
</sky-drawer> </sky-drawer>
<sky-toolbar> <sky-toolbar>
<div id="menu" /> <sky-icon id="menu" type="navigation/menu_white" size="24" />
I am a stocks app I am a stocks app
</sky-toolbar> </sky-toolbar>
<sky-scrollable id='stock_list'> <sky-scrollable id='stock_list'>