diff --git a/assets/glass.png b/assets/glass.png deleted file mode 100644 index 207791d..0000000 Binary files a/assets/glass.png and /dev/null differ diff --git a/polymer-ui-accordion/index.html b/polymer-ui-accordion/index.html new file mode 100644 index 0000000..1b826b6 --- /dev/null +++ b/polymer-ui-accordion/index.html @@ -0,0 +1,55 @@ + + + + + + polymer-ui-accordion + + + + + + + + +
Header 1
+
+ Forma temperiemque cornua sidera dissociata cornua recessit innabilis ligavit: solidumque coeptis nullus caelum sponte phoebe di regat mentisque tanta austro capacius amphitrite sui quin postquam semina fossae liquidum umor galeae coeptis caligine liberioris quin liquidum matutinis invasit posset: flexi glomeravit radiis certis invasit oppida postquam onerosior inclusum dominari opifex terris pace finxit quam aquae nunc sine altae auroram quam habentem homo totidemque scythiam in pondus ensis tegit caecoque poena lapidosos humanas coeperunt poena aetas totidem nec natura aethera locavit caelumque distinxit animalibus phoebe cingebant moderantum porrexerat terrae possedit sua sole diu summaque obliquis melioris orbem +
+ + +
Header 2
+
+ Coercuit iunctarum vix sic aberant spisso imagine litem cetera nubes ambitae tanta usu circumfuso fulminibus umentia rectumque iuga pluviaque meis semina regat ne campoque meis coeperunt nix cura iunctarum ligavit: secant ventos seductaque permisit sic iunctarum locoque his coeptis tum terras animalia recepta aethera cornua invasit tollere videre tonitrua humanas otia tuba alta dissociata sanctius adsiduis inclusum caesa ita onus sine pluviaque litem manebat fixo extendi ubi inposuit cum sublime membra undas orba forma deducite aethera turba coercuit retinebat obliquis bracchia nisi mentisque origine peregrinum manebat +
+ + +
Header 3
+
+ Forma temperiemque cornua sidera dissociata cornua recessit innabilis ligavit: solidumque coeptis nullus caelum sponte phoebe di regat mentisque tanta austro capacius amphitrite sui quin postquam semina fossae liquidum umor galeae coeptis caligine liberioris quin liquidum matutinis invasit posset: flexi glomeravit radiis certis invasit oppida postquam onerosior inclusum dominari opifex terris pace finxit quam aquae nunc sine altae auroram quam habentem homo totidemque scythiam in pondus ensis tegit caecoque poena lapidosos humanas coeperunt poena aetas totidem nec natura aethera locavit caelumque +
+ + + + diff --git a/polymer-ui-accordion/polymer-ui-accordion.css b/polymer-ui-accordion/polymer-ui-accordion.css new file mode 100644 index 0000000..ceb10a5 --- /dev/null +++ b/polymer-ui-accordion/polymer-ui-accordion.css @@ -0,0 +1,11 @@ +/* +Copyright 2013 The Polymer Authors. All rights reserved. +Use of this source code is governed by a BSD-style +license that can be found in the LICENSE file. +*/ + +@host { + * { + display: block; + } +} \ No newline at end of file diff --git a/polymer-ui-accordion/polymer-ui-accordion.html b/polymer-ui-accordion/polymer-ui-accordion.html new file mode 100644 index 0000000..6f38306 --- /dev/null +++ b/polymer-ui-accordion/polymer-ui-accordion.html @@ -0,0 +1,44 @@ + + + + + + + + diff --git a/polymer-ui-clock/index.html b/polymer-ui-clock/index.html deleted file mode 100644 index 92cfb32..0000000 --- a/polymer-ui-clock/index.html +++ /dev/null @@ -1,34 +0,0 @@ - - - - - Polymer UI Clock - - - - - - - - - - - - - diff --git a/polymer-ui-clock/polymer-ui-clock.css b/polymer-ui-clock/polymer-ui-clock.css deleted file mode 100644 index 5e5b3e3..0000000 --- a/polymer-ui-clock/polymer-ui-clock.css +++ /dev/null @@ -1,83 +0,0 @@ -@host { - * { - display: inline-block; - padding: 20px; - max-width: 340px; - white-space: nowrap; - background-image: url(../assets/glass.png); - background-repeat: no-repeat; - background-size: cover; - -moz-box-sizing: border-box; - box-sizing: border-box; - vertical-align: top; - overflow: hidden; - } -} - -#widget-title { - font-size: 21px; - line-height: 15px; -} - -#time { - display: none; -} - -#clock { - position: relative; - width: 200px; - height: 200px; - border-radius: 100px; - background-color: #f2f2f2; - border: 1px solid #d9d9d9; - box-sizing: border-box; - margin: 40px auto; -} - -#hour { - position: absolute; - top: 0; - left: 0; - -webkit-transform-origin: 50% 50%; - background: #4c4c4c; - height: 82px; - width: 6px; - border-radius: 3px; - box-sizing: border-box; -} - -#minute { - position: absolute; - top: 0; - left: 0; - -webkit-transform-origin: 50% 50%; - background: #4c4c4c; - height: 92px; - width: 4px; - border-radius: 2px; - box-sizing: border-box; -} - -#second { - position: absolute; - top: 0; - left: 0; - -webkit-transform-origin: 50% 50%; - background: #4385fb; - height: 100px; - width: 2px; - border-radius: 1px; - box-sizing: border-box; -} - -#dot { - box-sizing: border-box; - width:2px; - height:2px; - border-radius: 1px; - position: absolute; - top: 50%; - left: 50%; - margin: -1px; - background-color: red; -} diff --git a/polymer-ui-clock/polymer-ui-clock.html b/polymer-ui-clock/polymer-ui-clock.html deleted file mode 100644 index bad18e2..0000000 --- a/polymer-ui-clock/polymer-ui-clock.html +++ /dev/null @@ -1,89 +0,0 @@ - - - - - - diff --git a/polymer-ui-collapsible/index.html b/polymer-ui-collapsible/index.html new file mode 100644 index 0000000..ee6281f --- /dev/null +++ b/polymer-ui-collapsible/index.html @@ -0,0 +1,40 @@ + + + + + polymer-ui-collapsible + + + + + + + +
Header 1
+
+ Forma temperiemque cornua sidera dissociata cornua recessit innabilis ligavit: solidumque coeptis nullus caelum sponte phoebe di regat mentisque tanta austro capacius amphitrite sui quin postquam semina fossae liquidum umor galeae coeptis caligine liberioris quin liquidum matutinis invasit posset: flexi glomeravit radiis certis invasit oppida postquam onerosior inclusum dominari opifex terris pace finxit quam aquae nunc sine altae auroram quam habentem homo totidemque scythiam in pondus ensis tegit caecoque poena lapidosos humanas coeperunt poena aetas totidem nec natura aethera locavit caelumque distinxit animalibus phoebe cingebant moderantum porrexerat terrae possedit sua sole diu summaque obliquis melioris orbem +
+ + + diff --git a/polymer-ui-collapsible/polymer-ui-collapsible.css b/polymer-ui-collapsible/polymer-ui-collapsible.css new file mode 100644 index 0000000..e5129bf --- /dev/null +++ b/polymer-ui-collapsible/polymer-ui-collapsible.css @@ -0,0 +1,15 @@ +/* +Copyright 2013 The Polymer Authors. All rights reserved. +Use of this source code is governed by a BSD-style +license that can be found in the LICENSE file. +*/ + +@host { + * { + display: block; + } +} + +#collapsibleBody { + height: 0; +} \ No newline at end of file diff --git a/polymer-ui-collapsible/polymer-ui-collapsible.html b/polymer-ui-collapsible/polymer-ui-collapsible.html new file mode 100644 index 0000000..d2cdf6f --- /dev/null +++ b/polymer-ui-collapsible/polymer-ui-collapsible.html @@ -0,0 +1,48 @@ + + + + + + + + diff --git a/polymer-ui-icon-button/polymer-ui-icon-button.html b/polymer-ui-icon-button/polymer-ui-icon-button.html index 0785a1b..d209fff 100644 --- a/polymer-ui-icon-button/polymer-ui-icon-button.html +++ b/polymer-ui-icon-button/polymer-ui-icon-button.html @@ -14,19 +14,26 @@ * * * + * Polymer includes an icon set. The property "icon" can be used + * to specify which icon to use. + * + * Example: + * + * + * * @class polymer-ui-icon-button */ --> - - + - + diff --git a/polymer-ui-icon/polymer-ui-icon.css b/polymer-ui-icon/polymer-ui-icon.css index ac15dac..351f625 100644 --- a/polymer-ui-icon/polymer-ui-icon.css +++ b/polymer-ui-icon/polymer-ui-icon.css @@ -7,26 +7,19 @@ license that can be found in the LICENSE file. * { display: inline-block; vertical-align: middle; - width: 24px; - height: 24px; + cursor: pointer; + background-repeat: no-repeat; } -} -#icon { - width: 100%; - height: 100%; - cursor: pointer; - background-repeat: no-repeat; -} - -#icon.polymer-ui-dark-icon, #icon.polymer-ui-light-theme { - background-position: -24px 0; -} + .polymer-ui-dark-icon, .polymer-ui-light-theme { + background-position: -24px 0; + } -#icon.polymer-ui-light-icon, #icon.polymer-ui-dark-theme { - background-position: -72px 0; -} + .polymer-ui-light-icon, .polymer-ui-dark-theme { + background-position: -72px 0; + } -.polymer-ui-icons { - background: url(../assets/action-icons.png) 0 0 no-repeat; -} + .polymer-ui-icons { + background-image: url(../assets/action-icons.png); + } +} \ No newline at end of file diff --git a/polymer-ui-icon/polymer-ui-icon.html b/polymer-ui-icon/polymer-ui-icon.html index e37213a..b143297 100644 --- a/polymer-ui-icon/polymer-ui-icon.html +++ b/polymer-ui-icon/polymer-ui-icon.html @@ -21,70 +21,96 @@ * * * + * Polymer includes an icon set. The property "icon" can be used + * to specify which icon to use. + * + * Example: + * + * + * * @class polymer-ui-icon */ --> - - + - + diff --git a/polymer-ui-line-chart/polymer-ui-line-chart.html b/polymer-ui-line-chart/polymer-ui-line-chart.html deleted file mode 100644 index 737ef21..0000000 --- a/polymer-ui-line-chart/polymer-ui-line-chart.html +++ /dev/null @@ -1,94 +0,0 @@ - - - - - - \ No newline at end of file diff --git a/polymer-ui-menu-item/index.html b/polymer-ui-menu-item/index.html new file mode 100644 index 0000000..9e6be63 --- /dev/null +++ b/polymer-ui-menu-item/index.html @@ -0,0 +1,33 @@ + + + + + + polymer-ui-menu-item + + + + + + +

polymer-ui-light-theme

+
+ + +
+

polymer-ui-dark-theme

+
+ + +
+ + diff --git a/polymer-ui-menu-item/polymer-ui-menu-item.css b/polymer-ui-menu-item/polymer-ui-menu-item.css index 4ddd00b..30a155c 100644 --- a/polymer-ui-menu-item/polymer-ui-menu-item.css +++ b/polymer-ui-menu-item/polymer-ui-menu-item.css @@ -7,66 +7,75 @@ license that can be found in the LICENSE file. @host { * { display: block; - box-sizing: border-box; - -moz-box-sizing: border-box; - height: 40px; - line-height: 35px; - padding: 0 10px; - margin: 0 10px; - border: 1px solid transparent; - border-radius: 3px; - -webkit-transition: all 0.1s; - transition: all 0.1s; - white-space: nowrap; - cursor: pointer; - opacity: 0.5; } +} - .polymer-ui-light-theme { - color: #000; - } +/* item */ +#item { + display: block; + box-sizing: border-box; + -moz-box-sizing: border-box; + height: 40px; + line-height: 35px; + padding: 0 10px; + border: 1px solid transparent; + border-radius: 3px; + white-space: nowrap; + cursor: pointer; + opacity: 0.5; +} - .polymer-ui-dark-theme { - color: #b3b3b3; - } - - :hover { - opacity: 0.9; - } - - .polymer-selected { - opacity: 1; - } +#item:hover { + opacity: 0.9; +} - .polymer-ui-dark-theme:hover { - color: rgba(255, 255, 255, 0.9); - } - - .polymer-ui-dark-theme.polymer-selected { - background-color: #000; - border: 1px solid rgba(255, 255, 255, 0.2); - color: rgba(255, 255, 255, 0.9); - } - - .polymer-ui-light-theme:hover { - color: rgba(0, 0, 0, 0.9); - } - - .polymer-ui-light-theme.polymer-selected { - background: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.15); - color: rgba(0, 0, 0, 0.9); - } +#item[active] { + opacity: 1; } +#item.polymer-ui-light-theme[active] { + background: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +#item.polymer-ui-dark-theme { + color: #b3b3b3; +} + +#item.polymer-ui-dark-theme:hover { + color: rgba(255, 255, 255, 0.9); +} + +#item.polymer-ui-dark-theme[active] { + background-color: #000; + border: 1px solid rgba(255, 255, 255, 0.2); + color: rgba(255, 255, 255, 0.9); +} + +#item[active].no-active-bg { + background-color: transparent; + border: 1px solid transparent; +} + +/* icon and label */ polymer-ui-icon:not([showing]) { display: none !important; } -polymer-ui-icon { - margin-right: 20px; +#item polymer-ui-icon { + margin-right: 16px; } #label { vertical-align: middle; + padding-right: 20px; +} + +/* menu */ +#menu { + margin-left: 44px; + height: 0; + /* override @host style on polymer-ui-menu */ + background-image: none !important; + padding: 0 !important; } diff --git a/polymer-ui-menu-item/polymer-ui-menu-item.html b/polymer-ui-menu-item/polymer-ui-menu-item.html index bae4ff8..d38062b 100644 --- a/polymer-ui-menu-item/polymer-ui-menu-item.html +++ b/polymer-ui-menu-item/polymer-ui-menu-item.html @@ -7,21 +7,29 @@ /** * @module Polymer UI Elements */ - /** * @class polymer-ui-menu-item */ --> + + - - + - + diff --git a/polymer-ui-menu/index.html b/polymer-ui-menu/index.html index dd86b1f..19ed21d 100644 --- a/polymer-ui-menu/index.html +++ b/polymer-ui-menu/index.html @@ -8,14 +8,9 @@ polymer-ui-menu - - - - - -

polymer-ui-dark-theme

- +

polymer-ui-light-theme

+ -

polymer-ui-light-theme

- +

polymer-ui-dark-theme

+ -

polymer-ui-dark-theme (no icons)

+

no icons

+

sub-menu

+ + + + + + + + + + + diff --git a/polymer-ui-menu/polymer-ui-menu.css b/polymer-ui-menu/polymer-ui-menu.css index 8d7bbcb..b14e8e8 100644 --- a/polymer-ui-menu/polymer-ui-menu.css +++ b/polymer-ui-menu/polymer-ui-menu.css @@ -11,7 +11,7 @@ license that can be found in the LICENSE file. box-sizing: border-box; -moz-box-sizing: border-box; /* size */ - padding: 10px 0; + padding: 10px; font-size: 15px; font-weight: bold; } diff --git a/polymer-ui-menu/polymer-ui-menu.html b/polymer-ui-menu/polymer-ui-menu.html index 8edd9b7..11771ad 100644 --- a/polymer-ui-menu/polymer-ui-menu.html +++ b/polymer-ui-menu/polymer-ui-menu.html @@ -8,23 +8,64 @@ * @module Polymer UI Elements */ /** - * polymer-ui-menu is a polymer-selector with theme propagation - * * + * polymer-ui-menu is a polymer-selector with theme propagation. It styles to look like + * a menu and should be used in conjunction with polymer-ui-menu-item. + * + * Example: + * + * + * + * + * + * + * + * The "selectedItem" property returns the currently selected item. + * + * Example: + * + * + * + * + * + * + * + *
selected label: {{ selectedElement.label }}
+ * + * The event "polymer-select" can also be used to listen for selection change. + * + * Example: + * + * + * + * + * + * + * + * ... + * + * selectAction: function(e, detail) { + * if (detail.isSelected) { + * var selectedItem = detail.item; + * ... + * } + * } + * * @class polymer-ui-menu * @extends polymer-selector */ --> - - - + - + diff --git a/polymer-ui-nav-arrow/index.html b/polymer-ui-nav-arrow/index.html new file mode 100644 index 0000000..04a6316 --- /dev/null +++ b/polymer-ui-nav-arrow/index.html @@ -0,0 +1,64 @@ + + + + + + polymer-ui-nav-arrow + + + + + + + +
+ +
Item 1
+
Item 2
+
Item 3
+
Item 4
+
Item 5
+ + +
+ + + + diff --git a/polymer-ui-nav-arrow/polymer-ui-nav-arrow.css b/polymer-ui-nav-arrow/polymer-ui-nav-arrow.css new file mode 100644 index 0000000..b107e97 --- /dev/null +++ b/polymer-ui-nav-arrow/polymer-ui-nav-arrow.css @@ -0,0 +1,26 @@ +/* +Copyright 2013 The Toolkitchen Authors. All rights reserved. +Use of this source code is governed by a BSD-style +license that can be found in the LICENSE file. +*/ + +@host { + * { + display: none; + position: absolute; + top: 0; + right: 0; + width: 0; + height: 0; + margin-top: -8px; + border-top: 9px solid transparent; + border-bottom: 9px solid transparent; + border-right: 9px solid white; + -webkit-transition: -webkit-transform 0.5s; + transition: transform 0.5s; + } + + .show { + display: inline; + } +} \ No newline at end of file diff --git a/polymer-ui-nav-arrow/polymer-ui-nav-arrow.html b/polymer-ui-nav-arrow/polymer-ui-nav-arrow.html index f78f8fe..a8cd901 100644 --- a/polymer-ui-nav-arrow/polymer-ui-nav-arrow.html +++ b/polymer-ui-nav-arrow/polymer-ui-nav-arrow.html @@ -7,39 +7,36 @@ /** * @module Polymer UI Elements */ +/** + * @class polymer-ui-nav-arrow + */ --> - - + - + diff --git a/polymer-ui-ratings/polymer-ui-ratings.html b/polymer-ui-ratings/polymer-ui-ratings.html index d030eff..b1839fa 100644 --- a/polymer-ui-ratings/polymer-ui-ratings.html +++ b/polymer-ui-ratings/polymer-ui-ratings.html @@ -3,10 +3,14 @@ Use of this source code is governed by a BSD-style license that can be found in the LICENSE file. --> + + + - - + - + diff --git a/polymer-ui-sidebar-menu/index.html b/polymer-ui-sidebar-menu/index.html index afeeae9..1e49ba3 100644 --- a/polymer-ui-sidebar-menu/index.html +++ b/polymer-ui-sidebar-menu/index.html @@ -33,10 +33,36 @@ - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/polymer-ui-sidebar-menu/polymer-ui-sidebar-menu.css b/polymer-ui-sidebar-menu/polymer-ui-sidebar-menu.css index 3fb9786..8c28cf5 100644 --- a/polymer-ui-sidebar-menu/polymer-ui-sidebar-menu.css +++ b/polymer-ui-sidebar-menu/polymer-ui-sidebar-menu.css @@ -23,12 +23,13 @@ polymer-ui-toolbar { box-shadow: 0 1px 0 rgba(255, 255, 255, 0.02); } -.title { +.sidebar-title { font-size: 21px; opacity: 0.8; text-shadow: -1px -1px rgba(0, 0, 0, 0.2); } -.menu { - padding: 10px 0; +.sidebar-menu { + padding: 0 10px; + margin: 10px 0; } diff --git a/polymer-ui-sidebar-menu/polymer-ui-sidebar-menu.html b/polymer-ui-sidebar-menu/polymer-ui-sidebar-menu.html index 66b51dd..9730667 100644 --- a/polymer-ui-sidebar-menu/polymer-ui-sidebar-menu.html +++ b/polymer-ui-sidebar-menu/polymer-ui-sidebar-menu.html @@ -14,29 +14,43 @@ * @extends polymer-ui-menu */ --> - - + - - + - + diff --git a/polymer-ui-splitter/handle.png b/polymer-ui-splitter/handle.png new file mode 100644 index 0000000..1edb011 Binary files /dev/null and b/polymer-ui-splitter/handle.png differ diff --git a/polymer-ui-splitter/handle_horiz.png b/polymer-ui-splitter/handle_horiz.png new file mode 100644 index 0000000..0a8b6dc Binary files /dev/null and b/polymer-ui-splitter/handle_horiz.png differ diff --git a/polymer-ui-splitter/index.html b/polymer-ui-splitter/index.html new file mode 100644 index 0000000..de27e44 --- /dev/null +++ b/polymer-ui-splitter/index.html @@ -0,0 +1,72 @@ + + + + + + polymer-ui-splitter + + + + + + + +
+
left
+ +
right
+
+
+
+
top
+ +
bottom
+
+
+
+
1
+ +
+
2
+ +
3
+
+
+
+
+
left
+ +
center
+ +
right
+
+ + diff --git a/polymer-ui-splitter/polymer-ui-splitter.css b/polymer-ui-splitter/polymer-ui-splitter.css new file mode 100644 index 0000000..2f7ff6e --- /dev/null +++ b/polymer-ui-splitter/polymer-ui-splitter.css @@ -0,0 +1,27 @@ +/* +Copyright 2013 The Polymer Authors. All rights reserved. +Use of this source code is governed by a BSD-style +license that can be found in the LICENSE file. +*/ + +@host { + * { + display: block; + width: 10px; + background: #efefef url(handle.png) no-repeat center; + box-shadow: inset 0 0 2px 1px #ccc; + opacity: 0.9; + cursor: col-resize; + } + + .horizontal { + width: auto; + height: 10px; + cursor: row-resize; + background-image: url(handle_horiz.png); + } + + :hover, .active { + background-color: #ddd; + } +} \ No newline at end of file diff --git a/polymer-ui-splitter/polymer-ui-splitter.html b/polymer-ui-splitter/polymer-ui-splitter.html new file mode 100644 index 0000000..34dbda6 --- /dev/null +++ b/polymer-ui-splitter/polymer-ui-splitter.html @@ -0,0 +1,91 @@ + + + + + + \ No newline at end of file diff --git a/polymer-ui-stock/css/polymer-ui-stock-legend.css b/polymer-ui-stock/css/polymer-ui-stock-legend.css deleted file mode 100644 index a790c6a..0000000 --- a/polymer-ui-stock/css/polymer-ui-stock-legend.css +++ /dev/null @@ -1,40 +0,0 @@ -@host { - * { - } -} - -.stock-item { - overflow:hidden; -} - -.stock-change { - color: #5BDB00; -} - -.stock-change.down { - color: #dd4b39; -} - -.stock-price { - xcolor: rgba(0, 0, 0, 0.4); - margin-right: 10px; -} - -.stock-label { - float:left; - position: relative; - display:block; -} - -.stock-color { - display:inline-block; - width:16px; - height:16px; - margin-right:10px; - margin-top:1px; - border-radius: 3px; -} - -.stock-data { - float:right; -} \ No newline at end of file diff --git a/polymer-ui-stock/css/polymer-ui-stock.css b/polymer-ui-stock/css/polymer-ui-stock.css deleted file mode 100644 index 6790ae4..0000000 --- a/polymer-ui-stock/css/polymer-ui-stock.css +++ /dev/null @@ -1,52 +0,0 @@ -@host { - * { - display: inline-block; - padding: 8px; - white-space: nowrap; - background-image: url(../../assets/glass.png); - background-repeat: no-repeat; - -moz-box-sizing: border-box; - box-sizing: border-box; - background-size: cover; - vertical-align: top; - overflow: hidden; - } -} - -#widget-title { - font-size: 21px; - margin: 8px 0 24px; -} - -.stock-label { - font-size: medium; - font-weight: lighter; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} - -.stock-large { - font-size: x-large; -} - -.stock-small { - font-size: small; -} - -.stock-desc { - text-transform: uppercase; -} - -.stock-quote { - margin-top: 10px; -} - -polymer-ui-stock-legend-item { - line-height: 20px; - display: block; -} - -.stock-more { - margin-top: 10px; -} diff --git a/polymer-ui-stock/index.html b/polymer-ui-stock/index.html deleted file mode 100644 index a3d4c71..0000000 --- a/polymer-ui-stock/index.html +++ /dev/null @@ -1,14 +0,0 @@ - - - - Polymer Stock - - - - - - - - - - \ No newline at end of file diff --git a/polymer-ui-stock/mock/polymer-ui-stock-test-data.json b/polymer-ui-stock/mock/polymer-ui-stock-test-data.json deleted file mode 100644 index d3b33a0..0000000 --- a/polymer-ui-stock/mock/polymer-ui-stock-test-data.json +++ /dev/null @@ -1 +0,0 @@ -{"results": {".INX": {"11": {"price": "1615.86", "percent": "0.054"}, "12": {"price": "1617.62", "percent": "0.018"}, "4pm": {"price": "", "percent": ""}, "1": {"price": "1618.02", "percent": "0.017"}, "10am": {"price": "1617.52", "percent": "0.18"}, "3": {"price": "", "percent": ""}, "2": {"price": "1619.36", "percent": "-0.0068"}, "9:30": {"price": "1614.61", "percent": "0"}}, "NDAQ": {"11": {"price": "30.225", "percent": "-0.15"}, "12": {"price": "30.245", "percent": "-0.13"}, "4pm": {"price": "", "percent": ""}, "1": {"price": "30.23", "percent": "0.017"}, "10am": {"price": "30.438", "percent": "-0.19"}, "3": {"price": "", "percent": ""}, "2": {"price": "30.27", "percent": "0.05"}, "9:30": {"price": "30.495", "percent": "0"}}, ".DJI": {"11": {"price": "14957.42", "percent": "0.055"}, "12": {"price": "14975.7", "percent": "0.02"}, "4pm": {"price": "", "percent": ""}, "1": {"price": "14976.2", "percent": "0.0073"}, "10am": {"price": "14972.68", "percent": "0.18"}, "3": {"price": "", "percent": ""}, "2": {"price": "14986.63", "percent": "-0.0049"}, "9:30": {"price": "14945.82", "percent": "0"}}}} \ No newline at end of file diff --git a/polymer-ui-stock/polymer-ui-stock-data.html b/polymer-ui-stock/polymer-ui-stock-data.html deleted file mode 100644 index 3d73c11..0000000 --- a/polymer-ui-stock/polymer-ui-stock-data.html +++ /dev/null @@ -1,42 +0,0 @@ - - - - - - - - diff --git a/polymer-ui-stock/polymer-ui-stock-legend-item.html b/polymer-ui-stock/polymer-ui-stock-legend-item.html deleted file mode 100644 index c342354..0000000 --- a/polymer-ui-stock/polymer-ui-stock-legend-item.html +++ /dev/null @@ -1,18 +0,0 @@ - - - - - \ No newline at end of file diff --git a/polymer-ui-stock/polymer-ui-stock.html b/polymer-ui-stock/polymer-ui-stock.html deleted file mode 100644 index 18e3583..0000000 --- a/polymer-ui-stock/polymer-ui-stock.html +++ /dev/null @@ -1,149 +0,0 @@ - - - - - - - - - - - - - - - diff --git a/polymer-ui-tabs/polymer-ui-tabs.html b/polymer-ui-tabs/polymer-ui-tabs.html index 70d7c27..dfc9431 100644 --- a/polymer-ui-tabs/polymer-ui-tabs.html +++ b/polymer-ui-tabs/polymer-ui-tabs.html @@ -7,8 +7,13 @@ /** * @module Polymer UI Elements */ +--> + + + + - - - + - - + diff --git a/polymer-ui-theme-aware/polymer-ui-theme-aware.html b/polymer-ui-theme-aware/polymer-ui-theme-aware.html index 941c33a..91f4a47 100644 --- a/polymer-ui-theme-aware/polymer-ui-theme-aware.html +++ b/polymer-ui-theme-aware/polymer-ui-theme-aware.html @@ -3,29 +3,28 @@ Use of this source code is governed by a BSD-style license that can be found in the LICENSE file. --> - + - + diff --git a/polymer-ui-toggle-button/polymer-ui-toggle-button.html b/polymer-ui-toggle-button/polymer-ui-toggle-button.html index 74fb85a..98fd958 100644 --- a/polymer-ui-toggle-button/polymer-ui-toggle-button.html +++ b/polymer-ui-toggle-button/polymer-ui-toggle-button.html @@ -18,10 +18,10 @@ * @class polymer-ui-toggle-button */ --> - - - + diff --git a/polymer-ui-toolbar/index.html b/polymer-ui-toolbar/index.html index 508c20b..c402bbe 100644 --- a/polymer-ui-toolbar/index.html +++ b/polymer-ui-toolbar/index.html @@ -28,30 +28,41 @@ -
Toolbar: naked
+
Toolbar: naked
-
Toolbar: polymer-ui-light-theme
+
Toolbar: polymer-ui-light-theme
-
Toolbar: polymer-ui-dark-theme
+
Toolbar: polymer-ui-dark-theme
+ + + +
Toolbar: responsive
+ + + + + + +
-
Toolbar: container theme
+
Toolbar: container theme
@@ -63,7 +74,7 @@

below here, not so much with the working

color/font work via style inheritance only, cannot affect the icon without some other support ... pseudo?

-
Toolbar: custom
+
Toolbar: custom
 diff --git a/polymer-ui-toolbar/polymer-ui-toolbar.css b/polymer-ui-toolbar/polymer-ui-toolbar.css index 38379ae..3b2d958 100644 --- a/polymer-ui-toolbar/polymer-ui-toolbar.css +++ b/polymer-ui-toolbar/polymer-ui-toolbar.css @@ -30,9 +30,30 @@ license that can be found in the LICENSE file. background: #333333 -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.9)); color: #ededed; } + + .narrow-layout[responsive] { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + border: 0; + border-top: 1px solid rgba(0, 0, 0, 0.28); + } } /*@polyfill @host > * */ content::-webkit-distributed(> *) { margin: 0 8px; } + +/*@polyfill @host > polymer-ui-toolbar */ +content::-webkit-distributed(> polymer-ui-toolbar) { + margin: 0; +} + +/*@polyfill @host > polymer-ui-toolbar:not(.narrow-layout[responsive]) */ +content::-webkit-distributed(> polymer-ui-toolbar:not(.narrow-layout[responsive])) { + border: 0; + background: transparent; +} diff --git a/polymer-ui-toolbar/polymer-ui-toolbar.html b/polymer-ui-toolbar/polymer-ui-toolbar.html index 1af8526..0d947cf 100644 --- a/polymer-ui-toolbar/polymer-ui-toolbar.html +++ b/polymer-ui-toolbar/polymer-ui-toolbar.html @@ -15,28 +15,51 @@ * * * - *
Title
+ *
Title
* * * + * polymer-ui-toolbar can adopt to smaller screen size. If the attribute "responsive" is set + * and the screen size is less than the responsiveWidth (default to 800px), the toolbar will + * be moved to the bottom of the page. + * + * Example: + * + * + * + *
Title
+ * + * + * + * + * + * + * * @class polymer-ui-toolbar */ --> - + - - + - + diff --git a/polymer-ui-weather/images/clear.svg b/polymer-ui-weather/images/clear.svg deleted file mode 100644 index a6c767a..0000000 --- a/polymer-ui-weather/images/clear.svg +++ /dev/null @@ -1,36 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/polymer-ui-weather/images/cloudy.svg b/polymer-ui-weather/images/cloudy.svg deleted file mode 100644 index f3a9200..0000000 --- a/polymer-ui-weather/images/cloudy.svg +++ /dev/null @@ -1,167 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/polymer-ui-weather/images/mostlysunny.svg b/polymer-ui-weather/images/mostlysunny.svg deleted file mode 100644 index 7a5b0b9..0000000 --- a/polymer-ui-weather/images/mostlysunny.svg +++ /dev/null @@ -1,168 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/polymer-ui-weather/images/partlycloudy.svg b/polymer-ui-weather/images/partlycloudy.svg deleted file mode 100644 index 7a5b0b9..0000000 --- a/polymer-ui-weather/images/partlycloudy.svg +++ /dev/null @@ -1,168 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/polymer-ui-weather/images/rainy.svg b/polymer-ui-weather/images/rainy.svg deleted file mode 100644 index f37cdb0..0000000 --- a/polymer-ui-weather/images/rainy.svg +++ /dev/null @@ -1,32 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/polymer-ui-weather/images/sunny.svg b/polymer-ui-weather/images/sunny.svg deleted file mode 100644 index a6c767a..0000000 --- a/polymer-ui-weather/images/sunny.svg +++ /dev/null @@ -1,36 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/polymer-ui-weather/images/wind.svg b/polymer-ui-weather/images/wind.svg deleted file mode 100644 index 6c18af3..0000000 --- a/polymer-ui-weather/images/wind.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - - diff --git a/polymer-ui-weather/index.html b/polymer-ui-weather/index.html deleted file mode 100644 index 2b3fb07..0000000 --- a/polymer-ui-weather/index.html +++ /dev/null @@ -1,20 +0,0 @@ - - - - - Polymer UI Weather - - - - - - - - - - - diff --git a/polymer-ui-weather/polymer-ui-weather.css b/polymer-ui-weather/polymer-ui-weather.css deleted file mode 100644 index 780e568..0000000 --- a/polymer-ui-weather/polymer-ui-weather.css +++ /dev/null @@ -1,122 +0,0 @@ -@host { - * { - display: inline-block; - white-space: nowrap; - padding: 20px; - max-width: 340px; - -moz-box-sizing: border-box; - box-sizing: border-box; - background-image: url(../assets/glass.png); - background-repeat: no-repeat; - background-size: cover; - vertical-align: top; - overflow: hidden; - } -} -#widget-title { - font-size: 21px; - line-height: 15px; -} - -#current { - margin-top: 21px; -} - -#current-icon { - float: right; - margin-top: 14px; - margin-right: 8px; - display: inline-block; - text-indent:-9999px; -} - -#current-condition { - display: inline-block; - font-size: 63px; -} - -#current-wind { - position: relative; - padding-left: 22px; - font-size: 14px; - line-height: 20px; -} - -#current-wind:before { - background: url(images/wind.svg); - background-size: cover; - height: 19px; - width: 19px; - position: absolute; - top: 0; - left: -3px; - outline: none; - content: ""; - display: block; - opacity: .4; -} - -#current-wind.North:before { -webkit-transform:rotate(0deg); } -#current-wind.NNE:before { -webkit-transform:rotate(22.5deg); } -#current-wind.NE:before { -webkit-transform:rotate(45deg); } -#current-wind.ENE:before { -webkit-transform:rotate(67.5deg); } -#current-wind.East:before { -webkit-transform:rotate(90deg); } -#current-wind.ESE:before { -webkit-transform:rotate(112.5deg); } -#current-wind.SE:before { -webkit-transform:rotate(135deg); } -#current-wind.SSE:before { -webkit-transform:rotate(157.5deg); } -#current-wind.South:before { -webkit-transform:rotate(180deg); } -#current-wind.SSW:before { -webkit-transform:rotate(202.5deg); } -#current-wind.SW:before { -webkit-transform:rotate(225deg); } -#current-wind.WSW:before { -webkit-transform:rotate(247.5deg); } -#current-wind.West:before { -webkit-transform:rotate(270deg); } -#current-wind.WNW:before { -webkit-transform:rotate(292.5deg); } -#current-wind.NW:before { -webkit-transform:rotate(315deg); } -#current-wind.NNW:before { -webkit-transform:rotate(337.5deg); } - -#current-icon { - width: 64px; - height: 64px; - background-size: cover; -} -.rainy { background: url(images/rainy.svg); } -.clear { background: url(images/clear.svg); } -.sunny { background: url(images/sunny.svg); } -.cloudy { background: url(images/cloudy.svg); } -.partlycloudy { background: url(images/partlycloudy.svg); } -.mostlysunny { background: url(images/mostlysunny.svg); } - -#latest { - margin-top: 40px; - -webkit-column-count: 5; - -webkit-column-gap: 10px; -} - -.entry { -/* display:inline-block; - width: 20%;*/ - text-align:center; -} - -.entry > div { margin: 0 auto; } -.entry .day { - font-size: 12px; - text-transform:uppercase; - font-weight:bold; -} - -.entry .icon { - width: 32px; - height: 32px; - background-size: cover; - margin: 15px auto 18px auto; - text-indent:-9999px; -} - -.entry .condition { - font-weight: bold; - font-size: 12px; - line-height:17px; -} - -.entry .condition.low { -} \ No newline at end of file diff --git a/polymer-ui-weather/polymer-ui-weather.html b/polymer-ui-weather/polymer-ui-weather.html deleted file mode 100644 index ae5c3bd..0000000 --- a/polymer-ui-weather/polymer-ui-weather.html +++ /dev/null @@ -1,138 +0,0 @@ - - - - - - - diff --git a/show.html b/show.html deleted file mode 100644 index df72036..0000000 --- a/show.html +++ /dev/null @@ -1,38 +0,0 @@ - - - - - Polymer UI - - - - - - - - - - - - - - - - - - diff --git a/workbench/index.html b/workbench/index.html deleted file mode 100644 index 67290a2..0000000 --- a/workbench/index.html +++ /dev/null @@ -1,42 +0,0 @@ - - - - - Polymer UI Elements - - - - - - - - - - - - -
- Weather - Clock - Stock -
- - - diff --git a/workbench/inputfield.html b/workbench/inputfield.html deleted file mode 100644 index 7304a32..0000000 --- a/workbench/inputfield.html +++ /dev/null @@ -1,87 +0,0 @@ - - - - - Polymer Getting Started - - - - - - - - -
- - - - - - - - diff --git a/workbench/mocks/Widget_Stickersheet_input_1.png b/workbench/mocks/Widget_Stickersheet_input_1.png deleted file mode 100644 index 44414f4..0000000 Binary files a/workbench/mocks/Widget_Stickersheet_input_1.png and /dev/null differ