From 797e6ff5770b5d088af68840f061869676eabd98 Mon Sep 17 00:00:00 2001 From: Eric Bidelman Date: Mon, 17 Nov 2014 16:30:19 -0800 Subject: [PATCH] Fix dev preview --- _includes/top-nav.html | 8 ++++---- css/elements/app-bar.css | 2 +- css/elements/demo-tabs.css | 2 +- css/elements/doc-page.css | 2 +- css/elements/docs-menu.css | 2 +- css/elements/feature-carousel.css | 2 +- css/elements/scroll-area.css | 2 +- css/elements/site-banner.css | 2 +- css/homepage.css | 2 +- css/polymer.css | 2 +- css/site2.css | 2 +- elements/app-bar.html | 4 ++-- elements/common_elements.vulcanized.js | 4 ++-- elements/homepage_elements.vulcanized.js | 2 +- index.md | 10 ++++------ sass/elements/app-bar.scss | 23 +++-------------------- sass/polymer.scss | 2 ++ sass/site2.scss | 3 --- 18 files changed, 28 insertions(+), 48 deletions(-) diff --git a/_includes/top-nav.html b/_includes/top-nav.html index 7cba9a7af8..bbdc363d19 100644 --- a/_includes/top-nav.html +++ b/_includes/top-nav.html @@ -7,8 +7,8 @@ {% endcapture %} - Get Started - Elements - Guides & Resources - Blog + Get Started + Guides & Resources + Elements + Blog diff --git a/css/elements/app-bar.css b/css/elements/app-bar.css index cd81420e15..cb07b7e604 100644 --- a/css/elements/app-bar.css +++ b/css/elements/app-bar.css @@ -1 +1 @@ -h1,h2,h3,h4,h5{font-weight:300;letter-spacing:-0.01em;line-height:48px;margin:0}h1{font-size:40px}polyfill-next-selector{content:':host h1'}::content h1{font-size:40px}h2{font-size:24px}polyfill-next-selector{content:':host h2'}::content h2{font-size:24px}h3{font-size:20px}polyfill-next-selector{content:':host h3'}::content h3{font-size:20px}h4{font-size:16px;font-weight:500}polyfill-next-selector{content:':host h4'}::content h4{font-size:16px;font-weight:500}h5{font-size:12px;font-weight:500}polyfill-next-selector{content:':host h5'}::content h5{font-size:12px;font-weight:500}.start{color:#536dfe}.elements{color:#7986cb}.guide{color:#ff4080}.main-bg{background-color:#eee !important}.main-purple{background-color:#1f2036}.main-purple paper-button{background:#262742 !important;color:white;fill:currentcolor}.main-purple paper-button:hover{background:#3a3b56 !important}code,pre{color:#9f499b;font-family:"Source Code Pro",Monaco,Menlo,Consolas,"Courier New",monospace}pre,.prettyprint{background-color:#fafafa;padding:16px;margin:30px 0}pre .typ,pre .inline,.prettyprint .typ,.prettyprint .inline{color:#6b499f}pre .pun,.prettyprint .pun{color:#5c6bc0}pre .str,pre .string,.prettyprint .str,.prettyprint .string{color:#ff4081}pre .pln,.prettyprint .pln{color:#7986cb}pre .kwd,.prettyprint .kwd{color:#d61a7f}pre .atn,pre .attribute-name,.prettyprint .atn,.prettyprint .attribute-name{color:#6b499f}pre .atv,pre .attribute-value,.prettyprint .atv,.prettyprint .attribute-value{color:#7986cb}pre .com,pre .comment,.prettyprint .com,.prettyprint .comment{color:#8a8a8a}.polymer-status-badge{height:20px;background-color:rgba(0,0,0,0.26);text-transform:uppercase;border-radius:2px;font-size:11px;padding:10px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;line-height:1;color:#fff}:host{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end;-o-justify-content:flex-end;justify-content:flex-end;-webkit-box-flex:1;-webkit-flex:1 0 auto;-moz-flex:1 0 auto;-ms-flex:1 0 auto;-o-flex:1 0 auto;flex:1 0 auto;z-index:100;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;color:#000;fill:currentcolor}:host([theme="light"]){color:inherit}:host-context(site-banner[navgroup="start"],site-banner[type="start"],site-banner[navgroup="resources"]) ::content .active,:host-context(site-banner[navgroup="start"],site-banner[type="start"],site-banner[navgroup="resources"]) ::content .paper-button:hover{box-shadow:0 1px 1px #000 inset,0 -1px 1px #000 inset,0 2px 0px #000 inset;background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0,0,0,0)),color-stop(40%, rgba(0,0,0,0.8)));background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 40%);background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 40%);background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 40%)}polyfill-unscoped-rule{content:'site-banner[navgroup="start"] app-bar .active, site-banner[type="start"] app-bar .active, site-banner[navgroup="resources"] app-bar .active, site-banner[navgroup="start"] app-bar .paper-button:hover, site-banner[type="start"] app-bar .paper-button:hover, site-banner[navgroup="resources"] app-bar .paper-button:hover';box-shadow:0 1px 1px #000 inset,0 -1px 1px #000 inset,0 2px 0px #000 inset !important;background:-webkit-linear-gradient(top, transparent 0%, rgba(0,0,0,0.8) 40%) !important;background:-moz-linear-gradient(top, transparent 0%, rgba(0,0,0,0.8) 40%) !important;background:-ms-linear-gradient(top, transparent 0%, rgba(0,0,0,0.8) 40%) !important;background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 40%) !important}:host(.search-on){left:0;background:inherit;z-index:1001}:host([theme="dark"].search-on){border-bottom:1px solid rgba(0,0,0,0.14902);box-shadow:#ccc 0px 1px 5px}:host(.fixed){position:fixed}:host-context(site-banner){right:0;top:0;position:absolute}polyfill-next-selector{content:':host a'}:host ::content a{-webkit-box-flex:1;-webkit-flex:1 0 auto;-moz-flex:1 0 auto;-ms-flex:1 0 auto;-o-flex:1 0 auto;flex:1 0 auto;text-transform:none !important}#search{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-box-flex:1;-webkit-flex:0 0 auto;-moz-flex:0 0 auto;-ms-flex:0 0 auto;-o-flex:0 0 auto;flex:0 0 auto;width:40px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:inherit}#search[show]{width:100%;height:100%;position:absolute;left:0;top:0;padding:0 16px;margin-left:0}#search[show] input{padding:10px;visibility:visible}input{background-color:inherit;border:none;font-size:20px;outline:none;padding:0;color:inherit;-webkit-box-flex:1;-webkit-flex:1 0 0;-moz-flex:1 0 0;-ms-flex:1 0 0;-o-flex:1 0 0;flex:1 0 0;visibility:hidden;-webkit-appearance:none}#hamburger{display:none}@media only screen and (max-width: 850px){:host{-webkit-box-pack:space-between;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between;width:100%;background:initial}:host-context(#welcome){-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end;-o-justify-content:flex-end;justify-content:flex-end}polyfill-next-selector{content:':host a'}::content a{display:none !important}#hamburger{display:inline-block}:host-context(#welcome) #hamburger{display:none}} +h1,h2,h3,h4,h5{font-weight:300;letter-spacing:-0.01em;line-height:48px;margin:0}h1{font-size:40px}polyfill-next-selector{content:':host h1'}::content h1{font-size:40px}h2{font-size:24px}polyfill-next-selector{content:':host h2'}::content h2{font-size:24px}h3{font-size:20px}polyfill-next-selector{content:':host h3'}::content h3{font-size:20px}h4{font-size:16px;font-weight:500}polyfill-next-selector{content:':host h4'}::content h4{font-size:16px;font-weight:500}h5{font-size:12px;font-weight:500}polyfill-next-selector{content:':host h5'}::content h5{font-size:12px;font-weight:500}.start{color:#536dfe}.elements{color:#7986cb}.guide{color:#ff4080}.main-bg{background-color:#eee !important}.main-purple{background-color:#1f2036}.main-purple paper-button{background:#262742 !important;color:white;fill:currentcolor}.main-purple paper-button:hover{background:#3a3b56 !important}code,pre{color:#9f499b;font-family:"Source Code Pro",Monaco,Menlo,Consolas,"Courier New",monospace}pre,.prettyprint{background-color:#fafafa;padding:16px;margin:30px 0}pre .typ,pre .inline,.prettyprint .typ,.prettyprint .inline{color:#6b499f}pre .pun,.prettyprint .pun{color:#5c6bc0}pre .str,pre .string,.prettyprint .str,.prettyprint .string{color:#ff4081}pre .pln,.prettyprint .pln{color:#7986cb}pre .kwd,.prettyprint .kwd{color:#d61a7f}pre .atn,pre .attribute-name,.prettyprint .atn,.prettyprint .attribute-name{color:#6b499f}pre .atv,pre .attribute-value,.prettyprint .atv,.prettyprint .attribute-value{color:#7986cb}pre .com,pre .comment,.prettyprint .com,.prettyprint .comment{color:#8a8a8a}.polymer-status-badge{height:20px;background-color:rgba(0,0,0,0.26);text-transform:uppercase;border-radius:2px;font-size:11px;padding:10px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;line-height:1;color:#fff;box-sizing:border-box;margin:0 24px}:host{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end;-o-justify-content:flex-end;justify-content:flex-end;-webkit-box-flex:1;-webkit-flex:1 0 auto;-moz-flex:1 0 auto;-ms-flex:1 0 auto;-o-flex:1 0 auto;flex:1 0 auto;z-index:100;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;color:#000}:host([theme="light"]){color:inherit}:host(:not([theme="light"]).search-on){border-bottom:1px solid rgba(0,0,0,0.14902);box-shadow:#ccc 0px 1px 5px}:host(.search-on){left:0;background:inherit;z-index:1001}:host(.fixed){position:fixed}:host-context(site-banner){right:0;top:0;position:absolute}polyfill-next-selector{content:':host a'}:host ::content a{-webkit-box-flex:1;-webkit-flex:1 0 auto;-moz-flex:1 0 auto;-ms-flex:1 0 auto;-o-flex:1 0 auto;flex:1 0 auto;text-transform:none !important}#search{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-box-flex:1;-webkit-flex:0 0 auto;-moz-flex:0 0 auto;-ms-flex:0 0 auto;-o-flex:0 0 auto;flex:0 0 auto;width:40px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:inherit}#search[show]{width:100%;height:100%;position:absolute;left:0;top:0;padding:0 16px;margin-left:0}#search[show] input{padding:10px;visibility:visible}input{background-color:inherit;border:none;font-size:20px;outline:none;padding:0;color:inherit;-webkit-box-flex:1;-webkit-flex:1 0 0;-moz-flex:1 0 0;-ms-flex:1 0 0;-o-flex:1 0 0;flex:1 0 0;visibility:hidden;-webkit-appearance:none}#hamburger{display:none}@media only screen and (max-width: 850px){:host{-webkit-box-pack:space-between;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between;width:100%;background:initial}:host-context(#welcome){-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end;-o-justify-content:flex-end;justify-content:flex-end}polyfill-next-selector{content:':host a'}::content a{display:none !important}#hamburger{display:inline-block}:host-context(#welcome) #hamburger{display:none}} diff --git a/css/elements/demo-tabs.css b/css/elements/demo-tabs.css index 61550785e9..d50d4c7de5 100644 --- a/css/elements/demo-tabs.css +++ b/css/elements/demo-tabs.css @@ -1 +1 @@ -h1,h2,h3,h4,h5{font-weight:300;letter-spacing:-0.01em;line-height:48px;margin:0}h1{font-size:40px}polyfill-next-selector{content:':host h1'}::content h1{font-size:40px}h2{font-size:24px}polyfill-next-selector{content:':host h2'}::content h2{font-size:24px}h3{font-size:20px}polyfill-next-selector{content:':host h3'}::content h3{font-size:20px}h4{font-size:16px;font-weight:500}polyfill-next-selector{content:':host h4'}::content h4{font-size:16px;font-weight:500}h5{font-size:12px;font-weight:500}polyfill-next-selector{content:':host h5'}::content h5{font-size:12px;font-weight:500}.start{color:#536dfe}.elements{color:#7986cb}.guide{color:#ff4080}.main-bg{background-color:#eee !important}.main-purple{background-color:#1f2036}.main-purple paper-button{background:#262742 !important;color:white;fill:currentcolor}.main-purple paper-button:hover{background:#3a3b56 !important}code,pre{color:#9f499b;font-family:"Source Code Pro",Monaco,Menlo,Consolas,"Courier New",monospace}pre,.prettyprint{background-color:#fafafa;padding:16px;margin:30px 0}pre .typ,pre .inline,.prettyprint .typ,.prettyprint .inline{color:#6b499f}pre .pun,.prettyprint .pun{color:#5c6bc0}pre .str,pre .string,.prettyprint .str,.prettyprint .string{color:#ff4081}pre .pln,.prettyprint .pln{color:#7986cb}pre .kwd,.prettyprint .kwd{color:#d61a7f}pre .atn,pre .attribute-name,.prettyprint .atn,.prettyprint .attribute-name{color:#6b499f}pre .atv,pre .attribute-value,.prettyprint .atv,.prettyprint .attribute-value{color:#7986cb}pre .com,pre .comment,.prettyprint .com,.prettyprint .comment{color:#8a8a8a}.polymer-status-badge{height:20px;background-color:rgba(0,0,0,0.26);text-transform:uppercase;border-radius:2px;font-size:11px;padding:10px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;line-height:1;color:#fff}:host{display:block}#tabstrip{height:60px;white-space:nowrap;border-bottom:1px solid #eee}#tabstrip>core-selector>span{display:inline-block;line-height:58px;text-align:center;padding:0px 18px;cursor:pointer;color:#999;font-weight:500}.tab-wrapper{display:flex;-webkit-user-select:none;user-select:none}.selected{color:#444 !important;border-bottom:3px solid currentcolor}#wrapper{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}#wrapper.bottom{-webkit-flex-direction:column;flex-direction:column}#wrapper.bottom #results{max-width:initial}#contents{overflow:auto;-webkit-flex:1 1 auto;flex:1 1 auto}#results{padding:10px;padding-top:60px;display:none;position:relative;border:1px solid #eee}#results:before{content:'Result';color:#999;font-weight:500;background-color:#eee;padding:10px;position:absolute;right:0;top:0;width:100%;-moz-box-sizing:border-box;box-sizing:border-box}#container.dark #tabstrip{border-bottom:none}#container.dark #tabstrip .selected{color:#fff !important;border-bottom:4px solid #d61a7f}.show{display:block !important}polyfill-next-selector{content:':host pre'}::content pre{margin:0 !important}plunker-button{margin-right:9px}plunker-button::shadow paper-button[raised]{color:white;background:#3367d6}@media only screen and (min-width: 990px){#wrapper{-webkit-flex-direction:row;flex-direction:row}#results{max-width:25%}} +h1,h2,h3,h4,h5{font-weight:300;letter-spacing:-0.01em;line-height:48px;margin:0}h1{font-size:40px}polyfill-next-selector{content:':host h1'}::content h1{font-size:40px}h2{font-size:24px}polyfill-next-selector{content:':host h2'}::content h2{font-size:24px}h3{font-size:20px}polyfill-next-selector{content:':host h3'}::content h3{font-size:20px}h4{font-size:16px;font-weight:500}polyfill-next-selector{content:':host h4'}::content h4{font-size:16px;font-weight:500}h5{font-size:12px;font-weight:500}polyfill-next-selector{content:':host h5'}::content h5{font-size:12px;font-weight:500}.start{color:#536dfe}.elements{color:#7986cb}.guide{color:#ff4080}.main-bg{background-color:#eee !important}.main-purple{background-color:#1f2036}.main-purple paper-button{background:#262742 !important;color:white;fill:currentcolor}.main-purple paper-button:hover{background:#3a3b56 !important}code,pre{color:#9f499b;font-family:"Source Code Pro",Monaco,Menlo,Consolas,"Courier New",monospace}pre,.prettyprint{background-color:#fafafa;padding:16px;margin:30px 0}pre .typ,pre .inline,.prettyprint .typ,.prettyprint .inline{color:#6b499f}pre .pun,.prettyprint .pun{color:#5c6bc0}pre .str,pre .string,.prettyprint .str,.prettyprint .string{color:#ff4081}pre .pln,.prettyprint .pln{color:#7986cb}pre .kwd,.prettyprint .kwd{color:#d61a7f}pre .atn,pre .attribute-name,.prettyprint .atn,.prettyprint .attribute-name{color:#6b499f}pre .atv,pre .attribute-value,.prettyprint .atv,.prettyprint .attribute-value{color:#7986cb}pre .com,pre .comment,.prettyprint .com,.prettyprint .comment{color:#8a8a8a}.polymer-status-badge{height:20px;background-color:rgba(0,0,0,0.26);text-transform:uppercase;border-radius:2px;font-size:11px;padding:10px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;line-height:1;color:#fff;box-sizing:border-box;margin:0 24px}:host{display:block}#tabstrip{height:60px;white-space:nowrap;border-bottom:1px solid #eee}#tabstrip>core-selector>span{display:inline-block;line-height:58px;text-align:center;padding:0px 18px;cursor:pointer;color:#999;font-weight:500}.tab-wrapper{display:flex;-webkit-user-select:none;user-select:none}.selected{color:#444 !important;border-bottom:3px solid currentcolor}#wrapper{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}#wrapper.bottom{-webkit-flex-direction:column;flex-direction:column}#wrapper.bottom #results{max-width:initial}#contents{overflow:auto;-webkit-flex:1 1 auto;flex:1 1 auto}#results{padding:10px;padding-top:60px;display:none;position:relative;border:1px solid #eee}#results:before{content:'Result';color:#999;font-weight:500;background-color:#eee;padding:10px;position:absolute;right:0;top:0;width:100%;-moz-box-sizing:border-box;box-sizing:border-box}#container.dark #tabstrip{border-bottom:none}#container.dark #tabstrip .selected{color:#fff !important;border-bottom:4px solid #d61a7f}.show{display:block !important}polyfill-next-selector{content:':host pre'}::content pre{margin:0 !important}plunker-button{margin-right:9px}plunker-button::shadow paper-button[raised]{color:white;background:#3367d6}@media only screen and (min-width: 990px){#wrapper{-webkit-flex-direction:row;flex-direction:row}#results{max-width:25%}} diff --git a/css/elements/doc-page.css b/css/elements/doc-page.css index 1a43c6e9ac..89846e2af9 100644 --- a/css/elements/doc-page.css +++ b/css/elements/doc-page.css @@ -1 +1 @@ -h1,h2,h3,h4,h5{font-weight:300;letter-spacing:-0.01em;line-height:48px;margin:0}h1{font-size:40px}polyfill-next-selector{content:':host h1'}::content h1{font-size:40px}h2{font-size:24px}polyfill-next-selector{content:':host h2'}::content h2{font-size:24px}h3{font-size:20px}polyfill-next-selector{content:':host h3'}::content h3{font-size:20px}h4{font-size:16px;font-weight:500}polyfill-next-selector{content:':host h4'}::content h4{font-size:16px;font-weight:500}h5{font-size:12px;font-weight:500}polyfill-next-selector{content:':host h5'}::content h5{font-size:12px;font-weight:500}.start{color:#536dfe}.elements{color:#7986cb}.guide{color:#ff4080}.main-bg{background-color:#eee !important}.main-purple{background-color:#1f2036}.main-purple paper-button{background:#262742 !important;color:white;fill:currentcolor}.main-purple paper-button:hover{background:#3a3b56 !important}code,pre{color:#9f499b;font-family:"Source Code Pro",Monaco,Menlo,Consolas,"Courier New",monospace}pre,.prettyprint{background-color:#fafafa;padding:16px;margin:30px 0}pre .typ,pre .inline,.prettyprint .typ,.prettyprint .inline{color:#6b499f}pre .pun,.prettyprint .pun{color:#5c6bc0}pre .str,pre .string,.prettyprint .str,.prettyprint .string{color:#ff4081}pre .pln,.prettyprint .pln{color:#7986cb}pre .kwd,.prettyprint .kwd{color:#d61a7f}pre .atn,pre .attribute-name,.prettyprint .atn,.prettyprint .attribute-name{color:#6b499f}pre .atv,pre .attribute-value,.prettyprint .atv,.prettyprint .attribute-value{color:#7986cb}pre .com,pre .comment,.prettyprint .com,.prettyprint .comment{color:#8a8a8a}.polymer-status-badge{height:20px;background-color:rgba(0,0,0,0.26);text-transform:uppercase;border-radius:2px;font-size:11px;padding:10px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;line-height:1;color:#fff}.material-purple{background-color:#3e50b4}.material-purple-light{background-color:#c4c9e8}.material-orange,.attribute-box h3{background-color:#ff5621}.material-orange-light,.attribute-box .details{background-color:#ffcbbb}.material-pink{background-color:#e81d62}.material-pink-light{background-color:#f7bacf}.material-yellow,.property-box h3{background-color:#f3b300}.material-yellow-light,.property-box .details{background-color:#fbe7b1}.material-green,.method-box h3{background-color:#00bea4}.material-green-light,.method-box .details{background-color:#a6ffea}.material-teal{background-color:#00bbd3}.material-teal-light{background-color:#b1eaf1}.material-blue,.event-box h3{background-color:#4184f3}.material-blue-light,.event-box .details{background-color:#c5d9fb}:host{display:block}h1{color:#E91E63;line-height:60px;font-weight:inherit}.box{margin-bottom:40px}.box:not(.top) .details{padding:16px}.box:not(.top) .details .params{margin-top:40px}.box:not(.top) h3{padding:16px;color:white}.box:not(.top) pre{padding:initial;background-color:transparent;margin:initial;font-size:12px}.box code{color:currentcolor;font-weight:500}pre{max-width:832px;white-space:pre-wrap;overflow:hidden;border:none}.attribute-box .details{border-bottom:1px solid rgba(255,86,33,0.5)}.property-box .details{border-bottom:1px solid rgba(243,179,0,0.5)}.method-box .details{border-bottom:1px solid rgba(0,190,164,0.5)}.event-box .details{border-bottom:1px solid rgba(65,132,243,0.5)}.badge{color:currentcolor} +h1,h2,h3,h4,h5{font-weight:300;letter-spacing:-0.01em;line-height:48px;margin:0}h1{font-size:40px}polyfill-next-selector{content:':host h1'}::content h1{font-size:40px}h2{font-size:24px}polyfill-next-selector{content:':host h2'}::content h2{font-size:24px}h3{font-size:20px}polyfill-next-selector{content:':host h3'}::content h3{font-size:20px}h4{font-size:16px;font-weight:500}polyfill-next-selector{content:':host h4'}::content h4{font-size:16px;font-weight:500}h5{font-size:12px;font-weight:500}polyfill-next-selector{content:':host h5'}::content h5{font-size:12px;font-weight:500}.start{color:#536dfe}.elements{color:#7986cb}.guide{color:#ff4080}.main-bg{background-color:#eee !important}.main-purple{background-color:#1f2036}.main-purple paper-button{background:#262742 !important;color:white;fill:currentcolor}.main-purple paper-button:hover{background:#3a3b56 !important}code,pre{color:#9f499b;font-family:"Source Code Pro",Monaco,Menlo,Consolas,"Courier New",monospace}pre,.prettyprint{background-color:#fafafa;padding:16px;margin:30px 0}pre .typ,pre .inline,.prettyprint .typ,.prettyprint .inline{color:#6b499f}pre .pun,.prettyprint .pun{color:#5c6bc0}pre .str,pre .string,.prettyprint .str,.prettyprint .string{color:#ff4081}pre .pln,.prettyprint .pln{color:#7986cb}pre .kwd,.prettyprint .kwd{color:#d61a7f}pre .atn,pre .attribute-name,.prettyprint .atn,.prettyprint .attribute-name{color:#6b499f}pre .atv,pre .attribute-value,.prettyprint .atv,.prettyprint .attribute-value{color:#7986cb}pre .com,pre .comment,.prettyprint .com,.prettyprint .comment{color:#8a8a8a}.polymer-status-badge{height:20px;background-color:rgba(0,0,0,0.26);text-transform:uppercase;border-radius:2px;font-size:11px;padding:10px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;line-height:1;color:#fff;box-sizing:border-box;margin:0 24px}.material-purple{background-color:#3e50b4}.material-purple-light{background-color:#c4c9e8}.material-orange,.attribute-box h3{background-color:#ff5621}.material-orange-light,.attribute-box .details{background-color:#ffcbbb}.material-pink{background-color:#e81d62}.material-pink-light{background-color:#f7bacf}.material-yellow,.property-box h3{background-color:#f3b300}.material-yellow-light,.property-box .details{background-color:#fbe7b1}.material-green,.method-box h3{background-color:#00bea4}.material-green-light,.method-box .details{background-color:#a6ffea}.material-teal{background-color:#00bbd3}.material-teal-light{background-color:#b1eaf1}.material-blue,.event-box h3{background-color:#4184f3}.material-blue-light,.event-box .details{background-color:#c5d9fb}:host{display:block}h1{color:#E91E63;line-height:60px;font-weight:inherit}.box{margin-bottom:40px}.box:not(.top) .details{padding:16px}.box:not(.top) .details .params{margin-top:40px}.box:not(.top) h3{padding:16px;color:white}.box:not(.top) pre{padding:initial;background-color:transparent;margin:initial;font-size:12px}.box code{color:currentcolor;font-weight:500}pre{max-width:832px;white-space:pre-wrap;overflow:hidden;border:none}.attribute-box .details{border-bottom:1px solid rgba(255,86,33,0.5)}.property-box .details{border-bottom:1px solid rgba(243,179,0,0.5)}.method-box .details{border-bottom:1px solid rgba(0,190,164,0.5)}.event-box .details{border-bottom:1px solid rgba(65,132,243,0.5)}.badge{color:currentcolor} diff --git a/css/elements/docs-menu.css b/css/elements/docs-menu.css index efa32cdf87..c8b01e12f3 100644 --- a/css/elements/docs-menu.css +++ b/css/elements/docs-menu.css @@ -1 +1 @@ -h1,h2,h3,h4,h5{font-weight:300;letter-spacing:-0.01em;line-height:48px;margin:0}h1{font-size:40px}polyfill-next-selector{content:':host h1'}::content h1{font-size:40px}h2{font-size:24px}polyfill-next-selector{content:':host h2'}::content h2{font-size:24px}h3{font-size:20px}polyfill-next-selector{content:':host h3'}::content h3{font-size:20px}h4{font-size:16px;font-weight:500}polyfill-next-selector{content:':host h4'}::content h4{font-size:16px;font-weight:500}h5{font-size:12px;font-weight:500}polyfill-next-selector{content:':host h5'}::content h5{font-size:12px;font-weight:500}.start{color:#536dfe}.elements{color:#7986cb}.guide{color:#ff4080}.main-bg{background-color:#eee !important}.main-purple{background-color:#1f2036}.main-purple paper-button{background:#262742 !important;color:white;fill:currentcolor}.main-purple paper-button:hover{background:#3a3b56 !important}code,pre{color:#9f499b;font-family:"Source Code Pro",Monaco,Menlo,Consolas,"Courier New",monospace}pre,.prettyprint{background-color:#fafafa;padding:16px;margin:30px 0}pre .typ,pre .inline,.prettyprint .typ,.prettyprint .inline{color:#6b499f}pre .pun,.prettyprint .pun{color:#5c6bc0}pre .str,pre .string,.prettyprint .str,.prettyprint .string{color:#ff4081}pre .pln,.prettyprint .pln{color:#7986cb}pre .kwd,.prettyprint .kwd{color:#d61a7f}pre .atn,pre .attribute-name,.prettyprint .atn,.prettyprint .attribute-name{color:#6b499f}pre .atv,pre .attribute-value,.prettyprint .atv,.prettyprint .attribute-value{color:#7986cb}pre .com,pre .comment,.prettyprint .com,.prettyprint .comment{color:#8a8a8a}.polymer-status-badge{height:20px;background-color:rgba(0,0,0,0.26);text-transform:uppercase;border-radius:2px;font-size:11px;padding:10px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;line-height:1;color:#fff}:host{display:block}#mainmenu{display:block;overflow:auto;-webkit-overflow-scrolling:touch;margin:0}#mainmenu>core-submenu::shadow core-item{font-weight:500}#mainmenu>core-submenu{border-top:1px solid #ccc;padding:0 24px}#mainmenu>core-submenu:last-of-type{border-bottom:1px solid #ccc}#mainmenu>core-submenu.core-selected::shadow core-item{color:currentcolor}#mainmenu>core-submenu.core-selected::shadow core-item::shadow core-icon{color:currentcolor}core-submenu /deep/ core-item,core-item{font-size:13px !important;line-height:32px !important;padding:0;color:initial;height:48px}core-submenu /deep/ core-item.core-selected,core-item.core-selected{font-weight:500 !important}core-submenu::shadow core-item::shadow core-icon{margin:0 16px 0 0 !important;color:#757575}core-submenu core-submenu::shadow core-item::shadow core-icon{-webkit-order:2;order:2;color:#aaa;margin:0 !important}core-submenu core-submenu::shadow core-item::shadow #label{-ms-flex:1 1 0.000000001px;-webkit-flex:1;flex:1;-webkit-flex-basis:0.000000001px;flex-basis:0.000000001px}core-submenu core-submenu::shadow core-menu{margin-left:24px !important}core-submenu /deep/ core-menu{margin:0 !important} +h1,h2,h3,h4,h5{font-weight:300;letter-spacing:-0.01em;line-height:48px;margin:0}h1{font-size:40px}polyfill-next-selector{content:':host h1'}::content h1{font-size:40px}h2{font-size:24px}polyfill-next-selector{content:':host h2'}::content h2{font-size:24px}h3{font-size:20px}polyfill-next-selector{content:':host h3'}::content h3{font-size:20px}h4{font-size:16px;font-weight:500}polyfill-next-selector{content:':host h4'}::content h4{font-size:16px;font-weight:500}h5{font-size:12px;font-weight:500}polyfill-next-selector{content:':host h5'}::content h5{font-size:12px;font-weight:500}.start{color:#536dfe}.elements{color:#7986cb}.guide{color:#ff4080}.main-bg{background-color:#eee !important}.main-purple{background-color:#1f2036}.main-purple paper-button{background:#262742 !important;color:white;fill:currentcolor}.main-purple paper-button:hover{background:#3a3b56 !important}code,pre{color:#9f499b;font-family:"Source Code Pro",Monaco,Menlo,Consolas,"Courier New",monospace}pre,.prettyprint{background-color:#fafafa;padding:16px;margin:30px 0}pre .typ,pre .inline,.prettyprint .typ,.prettyprint .inline{color:#6b499f}pre .pun,.prettyprint .pun{color:#5c6bc0}pre .str,pre .string,.prettyprint .str,.prettyprint .string{color:#ff4081}pre .pln,.prettyprint .pln{color:#7986cb}pre .kwd,.prettyprint .kwd{color:#d61a7f}pre .atn,pre .attribute-name,.prettyprint .atn,.prettyprint .attribute-name{color:#6b499f}pre .atv,pre .attribute-value,.prettyprint .atv,.prettyprint .attribute-value{color:#7986cb}pre .com,pre .comment,.prettyprint .com,.prettyprint .comment{color:#8a8a8a}.polymer-status-badge{height:20px;background-color:rgba(0,0,0,0.26);text-transform:uppercase;border-radius:2px;font-size:11px;padding:10px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;line-height:1;color:#fff;box-sizing:border-box;margin:0 24px}:host{display:block}#mainmenu{display:block;overflow:auto;-webkit-overflow-scrolling:touch;margin:0}#mainmenu>core-submenu::shadow core-item{font-weight:500}#mainmenu>core-submenu{border-top:1px solid #ccc;padding:0 24px}#mainmenu>core-submenu:last-of-type{border-bottom:1px solid #ccc}#mainmenu>core-submenu.core-selected::shadow core-item{color:currentcolor}#mainmenu>core-submenu.core-selected::shadow core-item::shadow core-icon{color:currentcolor}core-submenu /deep/ core-item,core-item{font-size:13px !important;line-height:32px !important;padding:0;color:initial;height:48px}core-submenu /deep/ core-item.core-selected,core-item.core-selected{font-weight:500 !important}core-submenu::shadow core-item::shadow core-icon{margin:0 16px 0 0 !important;color:#757575}core-submenu core-submenu::shadow core-item::shadow core-icon{-webkit-order:2;order:2;color:#aaa;margin:0 !important}core-submenu core-submenu::shadow core-item::shadow #label{-ms-flex:1 1 0.000000001px;-webkit-flex:1;flex:1;-webkit-flex-basis:0.000000001px;flex-basis:0.000000001px}core-submenu core-submenu::shadow core-menu{margin-left:24px !important}core-submenu /deep/ core-menu{margin:0 !important} diff --git a/css/elements/feature-carousel.css b/css/elements/feature-carousel.css index 8ca34d3552..7d57f7f70c 100644 --- a/css/elements/feature-carousel.css +++ b/css/elements/feature-carousel.css @@ -1 +1 @@ -h1,h2,h3,h4,h5{font-weight:300;letter-spacing:-0.01em;line-height:48px;margin:0}h1{font-size:40px}polyfill-next-selector{content:':host h1'}::content h1{font-size:40px}h2{font-size:24px}polyfill-next-selector{content:':host h2'}::content h2{font-size:24px}h3{font-size:20px}polyfill-next-selector{content:':host h3'}::content h3{font-size:20px}h4{font-size:16px;font-weight:500}polyfill-next-selector{content:':host h4'}::content h4{font-size:16px;font-weight:500}h5{font-size:12px;font-weight:500}polyfill-next-selector{content:':host h5'}::content h5{font-size:12px;font-weight:500}.start{color:#536dfe}.elements{color:#7986cb}.guide{color:#ff4080}.main-bg{background-color:#eee !important}.main-purple{background-color:#1f2036}.main-purple paper-button{background:#262742 !important;color:white;fill:currentcolor}.main-purple paper-button:hover{background:#3a3b56 !important}code,pre{color:#9f499b;font-family:"Source Code Pro",Monaco,Menlo,Consolas,"Courier New",monospace}pre,.prettyprint{background-color:#fafafa;padding:16px;margin:30px 0}pre .typ,pre .inline,.prettyprint .typ,.prettyprint .inline{color:#6b499f}pre .pun,.prettyprint .pun{color:#5c6bc0}pre .str,pre .string,.prettyprint .str,.prettyprint .string{color:#ff4081}pre .pln,.prettyprint .pln{color:#7986cb}pre .kwd,.prettyprint .kwd{color:#d61a7f}pre .atn,pre .attribute-name,.prettyprint .atn,.prettyprint .attribute-name{color:#6b499f}pre .atv,pre .attribute-value,.prettyprint .atv,.prettyprint .attribute-value{color:#7986cb}pre .com,pre .comment,.prettyprint .com,.prettyprint .comment{color:#8a8a8a}.polymer-status-badge{height:20px;background-color:rgba(0,0,0,0.26);text-transform:uppercase;border-radius:2px;font-size:11px;padding:10px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;line-height:1;color:#fff}:host{display:block;position:relative;height:310px;-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0)}polyfill-next-selector{content:':host > core-selector > *'}::content>*{display:-webkit-flex;display:flex;transform:translate3d(15px, 0, 0);-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;opacity:0;visibility:hidden;position:absolute;top:0;left:0;z-index:-1}polyfill-next-selector{content:':host .core-selected'}::content>.core-selected{opacity:1;visibility:visible;z-index:0;transform:translate3d(0, 0, 0)}#paginator{text-align:center;position:absolute;bottom:0;width:50%}.circle{cursor:pointer;display:inline-block;border-radius:50%;width:10px;height:10px;border:1px solid #e6e6e6;-moz-transition:background-color 1s ease-in-out;-o-transition:background-color 1s ease-in-out;-webkit-transition:background-color 1s ease-in-out;transition:background-color 1s ease-in-out;margin:0 3px}.circle.active{background-color:#e6e6e6 !important}@media only screen and (max-width: 850px){polyfill-next-selector{content:':host > core-selector > *'}::content>*{-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;width:100%}polyfill-unscoped-rule{content:'#feature :host';height:680px}:host{height:680px !important}#paginator{width:100%}} +h1,h2,h3,h4,h5{font-weight:300;letter-spacing:-0.01em;line-height:48px;margin:0}h1{font-size:40px}polyfill-next-selector{content:':host h1'}::content h1{font-size:40px}h2{font-size:24px}polyfill-next-selector{content:':host h2'}::content h2{font-size:24px}h3{font-size:20px}polyfill-next-selector{content:':host h3'}::content h3{font-size:20px}h4{font-size:16px;font-weight:500}polyfill-next-selector{content:':host h4'}::content h4{font-size:16px;font-weight:500}h5{font-size:12px;font-weight:500}polyfill-next-selector{content:':host h5'}::content h5{font-size:12px;font-weight:500}.start{color:#536dfe}.elements{color:#7986cb}.guide{color:#ff4080}.main-bg{background-color:#eee !important}.main-purple{background-color:#1f2036}.main-purple paper-button{background:#262742 !important;color:white;fill:currentcolor}.main-purple paper-button:hover{background:#3a3b56 !important}code,pre{color:#9f499b;font-family:"Source Code Pro",Monaco,Menlo,Consolas,"Courier New",monospace}pre,.prettyprint{background-color:#fafafa;padding:16px;margin:30px 0}pre .typ,pre .inline,.prettyprint .typ,.prettyprint .inline{color:#6b499f}pre .pun,.prettyprint .pun{color:#5c6bc0}pre .str,pre .string,.prettyprint .str,.prettyprint .string{color:#ff4081}pre .pln,.prettyprint .pln{color:#7986cb}pre .kwd,.prettyprint .kwd{color:#d61a7f}pre .atn,pre .attribute-name,.prettyprint .atn,.prettyprint .attribute-name{color:#6b499f}pre .atv,pre .attribute-value,.prettyprint .atv,.prettyprint .attribute-value{color:#7986cb}pre .com,pre .comment,.prettyprint .com,.prettyprint .comment{color:#8a8a8a}.polymer-status-badge{height:20px;background-color:rgba(0,0,0,0.26);text-transform:uppercase;border-radius:2px;font-size:11px;padding:10px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;line-height:1;color:#fff;box-sizing:border-box;margin:0 24px}:host{display:block;position:relative;height:310px;-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0)}polyfill-next-selector{content:':host > core-selector > *'}::content>*{display:-webkit-flex;display:flex;transform:translate3d(15px, 0, 0);-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;opacity:0;visibility:hidden;position:absolute;top:0;left:0;z-index:-1}polyfill-next-selector{content:':host .core-selected'}::content>.core-selected{opacity:1;visibility:visible;z-index:0;transform:translate3d(0, 0, 0)}#paginator{text-align:center;position:absolute;bottom:0;width:50%}.circle{cursor:pointer;display:inline-block;border-radius:50%;width:10px;height:10px;border:1px solid #e6e6e6;-moz-transition:background-color 1s ease-in-out;-o-transition:background-color 1s ease-in-out;-webkit-transition:background-color 1s ease-in-out;transition:background-color 1s ease-in-out;margin:0 3px}.circle.active{background-color:#e6e6e6 !important}@media only screen and (max-width: 850px){polyfill-next-selector{content:':host > core-selector > *'}::content>*{-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;width:100%}polyfill-unscoped-rule{content:'#feature :host';height:680px}:host{height:680px !important}#paginator{width:100%}} diff --git a/css/elements/scroll-area.css b/css/elements/scroll-area.css index 2137651447..2d13ab5aa0 100644 --- a/css/elements/scroll-area.css +++ b/css/elements/scroll-area.css @@ -1 +1 @@ -h1,h2,h3,h4,h5{font-weight:300;letter-spacing:-0.01em;line-height:48px;margin:0}h1{font-size:40px}polyfill-next-selector{content:':host h1'}::content h1{font-size:40px}h2{font-size:24px}polyfill-next-selector{content:':host h2'}::content h2{font-size:24px}h3{font-size:20px}polyfill-next-selector{content:':host h3'}::content h3{font-size:20px}h4{font-size:16px;font-weight:500}polyfill-next-selector{content:':host h4'}::content h4{font-size:16px;font-weight:500}h5{font-size:12px;font-weight:500}polyfill-next-selector{content:':host h5'}::content h5{font-size:12px;font-weight:500}.start{color:#536dfe}.elements{color:#7986cb}.guide{color:#ff4080}.main-bg{background-color:#eee !important}.main-purple{background-color:#1f2036}.main-purple paper-button{background:#262742 !important;color:white;fill:currentcolor}.main-purple paper-button:hover{background:#3a3b56 !important}code,pre{color:#9f499b;font-family:"Source Code Pro",Monaco,Menlo,Consolas,"Courier New",monospace}pre,.prettyprint{background-color:#fafafa;padding:16px;margin:30px 0}pre .typ,pre .inline,.prettyprint .typ,.prettyprint .inline{color:#6b499f}pre .pun,.prettyprint .pun{color:#5c6bc0}pre .str,pre .string,.prettyprint .str,.prettyprint .string{color:#ff4081}pre .pln,.prettyprint .pln{color:#7986cb}pre .kwd,.prettyprint .kwd{color:#d61a7f}pre .atn,pre .attribute-name,.prettyprint .atn,.prettyprint .attribute-name{color:#6b499f}pre .atv,pre .attribute-value,.prettyprint .atv,.prettyprint .attribute-value{color:#7986cb}pre .com,pre .comment,.prettyprint .com,.prettyprint .comment{color:#8a8a8a}.polymer-status-badge{height:20px;background-color:rgba(0,0,0,0.26);text-transform:uppercase;border-radius:2px;font-size:11px;padding:10px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;line-height:1;color:#fff}:host{display:block}:host([sidebar]){padding-left:265px}polyfill-next-selector{content:':host[sidebar]:not(.mobile) site-banner app-bar.fixed'}:host([sidebar]:not(.mobile)) ::content site-banner app-bar.fixed{margin-left:265px}polyfill-next-selector{content:':host.scrolling:not(.mobile) site-banner'}:host(.scrolling:not(.mobile)) ::content site-banner{height:80px !important;padding-bottom:0;position:fixed !important;width:100%;box-shadow:0 1px 5px rgba(0,0,0,0.3)}polyfill-next-selector{content:':host.scrolling:not(.mobile) > article'}:host(.scrolling:not(.mobile)) ::content article{padding-top:310px}polyfill-next-selector{content:':host site-banner app-bar.fixed'}:host ::content site-banner app-bar.fixed{position:fixed}polyfill-next-selector{content:':host > article'}:host ::content article{padding:24px 64px;max-width:912px;min-height:300px;overflow:hidden}@media only screen and (max-width: 850px){:host([sidebar]){padding-left:0 !important}polyfill-next-selector{content:':host > article'}:host ::content article{padding-left:15px;padding-right:15px}}@media only screen and (max-width: 580px){polyfill-next-selector{content:':host > article '}::content article{padding-top:70px}} +h1,h2,h3,h4,h5{font-weight:300;letter-spacing:-0.01em;line-height:48px;margin:0}h1{font-size:40px}polyfill-next-selector{content:':host h1'}::content h1{font-size:40px}h2{font-size:24px}polyfill-next-selector{content:':host h2'}::content h2{font-size:24px}h3{font-size:20px}polyfill-next-selector{content:':host h3'}::content h3{font-size:20px}h4{font-size:16px;font-weight:500}polyfill-next-selector{content:':host h4'}::content h4{font-size:16px;font-weight:500}h5{font-size:12px;font-weight:500}polyfill-next-selector{content:':host h5'}::content h5{font-size:12px;font-weight:500}.start{color:#536dfe}.elements{color:#7986cb}.guide{color:#ff4080}.main-bg{background-color:#eee !important}.main-purple{background-color:#1f2036}.main-purple paper-button{background:#262742 !important;color:white;fill:currentcolor}.main-purple paper-button:hover{background:#3a3b56 !important}code,pre{color:#9f499b;font-family:"Source Code Pro",Monaco,Menlo,Consolas,"Courier New",monospace}pre,.prettyprint{background-color:#fafafa;padding:16px;margin:30px 0}pre .typ,pre .inline,.prettyprint .typ,.prettyprint .inline{color:#6b499f}pre .pun,.prettyprint .pun{color:#5c6bc0}pre .str,pre .string,.prettyprint .str,.prettyprint .string{color:#ff4081}pre .pln,.prettyprint .pln{color:#7986cb}pre .kwd,.prettyprint .kwd{color:#d61a7f}pre .atn,pre .attribute-name,.prettyprint .atn,.prettyprint .attribute-name{color:#6b499f}pre .atv,pre .attribute-value,.prettyprint .atv,.prettyprint .attribute-value{color:#7986cb}pre .com,pre .comment,.prettyprint .com,.prettyprint .comment{color:#8a8a8a}.polymer-status-badge{height:20px;background-color:rgba(0,0,0,0.26);text-transform:uppercase;border-radius:2px;font-size:11px;padding:10px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;line-height:1;color:#fff;box-sizing:border-box;margin:0 24px}:host{display:block}:host([sidebar]){padding-left:265px}polyfill-next-selector{content:':host[sidebar]:not(.mobile) site-banner app-bar.fixed'}:host([sidebar]:not(.mobile)) ::content site-banner app-bar.fixed{margin-left:265px}polyfill-next-selector{content:':host.scrolling:not(.mobile) site-banner'}:host(.scrolling:not(.mobile)) ::content site-banner{height:80px !important;padding-bottom:0;position:fixed !important;width:100%;box-shadow:0 1px 5px rgba(0,0,0,0.3)}polyfill-next-selector{content:':host.scrolling:not(.mobile) > article'}:host(.scrolling:not(.mobile)) ::content article{padding-top:310px}polyfill-next-selector{content:':host site-banner app-bar.fixed'}:host ::content site-banner app-bar.fixed{position:fixed}polyfill-next-selector{content:':host > article'}:host ::content article{padding:24px 64px;max-width:912px;min-height:300px;overflow:hidden}@media only screen and (max-width: 850px){:host([sidebar]){padding-left:0 !important}polyfill-next-selector{content:':host > article'}:host ::content article{padding-left:15px;padding-right:15px}}@media only screen and (max-width: 580px){polyfill-next-selector{content:':host > article '}::content article{padding-top:70px}} diff --git a/css/elements/site-banner.css b/css/elements/site-banner.css index 3fb2fa58bc..7453768563 100644 --- a/css/elements/site-banner.css +++ b/css/elements/site-banner.css @@ -1 +1 @@ -h1,h2,h3,h4,h5{font-weight:300;letter-spacing:-0.01em;line-height:48px;margin:0}h1{font-size:40px}polyfill-next-selector{content:':host h1'}::content h1{font-size:40px}h2{font-size:24px}polyfill-next-selector{content:':host h2'}::content h2{font-size:24px}h3{font-size:20px}polyfill-next-selector{content:':host h3'}::content h3{font-size:20px}h4{font-size:16px;font-weight:500}polyfill-next-selector{content:':host h4'}::content h4{font-size:16px;font-weight:500}h5{font-size:12px;font-weight:500}polyfill-next-selector{content:':host h5'}::content h5{font-size:12px;font-weight:500}.start{color:#536dfe}.elements{color:#7986cb}.guide{color:#ff4080}.main-bg{background-color:#eee !important}.main-purple{background-color:#1f2036}.main-purple paper-button{background:#262742 !important;color:white;fill:currentcolor}.main-purple paper-button:hover{background:#3a3b56 !important}code,pre{color:#9f499b;font-family:"Source Code Pro",Monaco,Menlo,Consolas,"Courier New",monospace}pre,.prettyprint{background-color:#fafafa;padding:16px;margin:30px 0}pre .typ,pre .inline,.prettyprint .typ,.prettyprint .inline{color:#6b499f}pre .pun,.prettyprint .pun{color:#5c6bc0}pre .str,pre .string,.prettyprint .str,.prettyprint .string{color:#ff4081}pre .pln,.prettyprint .pln{color:#7986cb}pre .kwd,.prettyprint .kwd{color:#d61a7f}pre .atn,pre .attribute-name,.prettyprint .atn,.prettyprint .attribute-name{color:#6b499f}pre .atv,pre .attribute-value,.prettyprint .atv,.prettyprint .attribute-value{color:#7986cb}pre .com,pre .comment,.prettyprint .com,.prettyprint .comment{color:#8a8a8a}.polymer-status-badge{height:20px;background-color:rgba(0,0,0,0.26);text-transform:uppercase;border-radius:2px;font-size:11px;padding:10px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;line-height:1;color:#fff}:host{background-color:#1f2036;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-align:flex-end;-webkit-align-items:flex-end;-moz-align-items:flex-end;-ms-align-items:flex-end;-o-align-items:flex-end;align-items:flex-end;position:relative;z-index:1;height:286px;color:white;padding-left:64px;-webkit-transition:background-color 300ms ease-in;transition:background-color 300ms ease-in}:host([type="guide"]){background-color:#ff4080 !important}:host([type="elements"]){background-color:#7986cb !important}:host([type="start"]){background-color:#536dfe !important}polyfill-next-selector{content:':host header'}:host ::content header{padding:30px 0 40px 0;width:100%}polyfill-next-selector{content:':host header h1'}:host ::content header h1{font-size:45px !important;-webkit-transform-origin:0 0;transform-origin:0 0}polyfill-next-selector{content:':host header.shrink h1'}:host ::content header.shrink h1{-webkit-transform:scale(0.44444);transform:scale(0.44444)}polyfill-next-selector{content:':host header.shrink summary'}:host ::content header.shrink summary{visibility:hidden}polyfill-next-selector{content:':host header.shrink'}:host ::content header.shrink{position:fixed;top:0;pointer-events:none}polyfill-next-selector{content:'header summary'}:host ::content header summary{margin-top:20px;opacity:0.6}@media only screen and (max-width: 580px){:host{position:fixed;height:60px !important;width:100%;-webkit-box-align:center !important;-webkit-align-items:center !important;-moz-align-items:center !important;-ms-align-items:center !important;-o-align-items:center !important;align-items:center !important;box-shadow:0 1px 5px rgba(0,0,0,0.3)}polyfill-next-selector{content:':host header'}:host ::content header{display:none}polyfill-rule{content:'header#internalheader';display:block;padding:0}polyfill-rule{content:'header#internalheader h2';margin:0}}@media only screen and (max-width: 850px){polyfill-next-selector{content:':host #dropdown-toggle'}:host ::content #dropdown-toggle{z-index:1000}polyfill-next-selector{content:':host dropdown-panel'}:host ::content dropdown-panel{color:black}} +h1,h2,h3,h4,h5{font-weight:300;letter-spacing:-0.01em;line-height:48px;margin:0}h1{font-size:40px}polyfill-next-selector{content:':host h1'}::content h1{font-size:40px}h2{font-size:24px}polyfill-next-selector{content:':host h2'}::content h2{font-size:24px}h3{font-size:20px}polyfill-next-selector{content:':host h3'}::content h3{font-size:20px}h4{font-size:16px;font-weight:500}polyfill-next-selector{content:':host h4'}::content h4{font-size:16px;font-weight:500}h5{font-size:12px;font-weight:500}polyfill-next-selector{content:':host h5'}::content h5{font-size:12px;font-weight:500}.start{color:#536dfe}.elements{color:#7986cb}.guide{color:#ff4080}.main-bg{background-color:#eee !important}.main-purple{background-color:#1f2036}.main-purple paper-button{background:#262742 !important;color:white;fill:currentcolor}.main-purple paper-button:hover{background:#3a3b56 !important}code,pre{color:#9f499b;font-family:"Source Code Pro",Monaco,Menlo,Consolas,"Courier New",monospace}pre,.prettyprint{background-color:#fafafa;padding:16px;margin:30px 0}pre .typ,pre .inline,.prettyprint .typ,.prettyprint .inline{color:#6b499f}pre .pun,.prettyprint .pun{color:#5c6bc0}pre .str,pre .string,.prettyprint .str,.prettyprint .string{color:#ff4081}pre .pln,.prettyprint .pln{color:#7986cb}pre .kwd,.prettyprint .kwd{color:#d61a7f}pre .atn,pre .attribute-name,.prettyprint .atn,.prettyprint .attribute-name{color:#6b499f}pre .atv,pre .attribute-value,.prettyprint .atv,.prettyprint .attribute-value{color:#7986cb}pre .com,pre .comment,.prettyprint .com,.prettyprint .comment{color:#8a8a8a}.polymer-status-badge{height:20px;background-color:rgba(0,0,0,0.26);text-transform:uppercase;border-radius:2px;font-size:11px;padding:10px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;line-height:1;color:#fff;box-sizing:border-box;margin:0 24px}:host{background-color:#1f2036;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-align:flex-end;-webkit-align-items:flex-end;-moz-align-items:flex-end;-ms-align-items:flex-end;-o-align-items:flex-end;align-items:flex-end;position:relative;z-index:1;height:286px;color:white;padding-left:64px;-webkit-transition:background-color 300ms ease-in;transition:background-color 300ms ease-in}:host([type="guide"]){background-color:#ff4080 !important}:host([type="elements"]){background-color:#7986cb !important}:host([type="start"]){background-color:#536dfe !important}polyfill-next-selector{content:':host header'}:host ::content header{padding:30px 0 40px 0;width:100%}polyfill-next-selector{content:':host header h1'}:host ::content header h1{font-size:45px !important;-webkit-transform-origin:0 0;transform-origin:0 0}polyfill-next-selector{content:':host header.shrink h1'}:host ::content header.shrink h1{-webkit-transform:scale(0.44444);transform:scale(0.44444)}polyfill-next-selector{content:':host header.shrink summary'}:host ::content header.shrink summary{visibility:hidden}polyfill-next-selector{content:':host header.shrink'}:host ::content header.shrink{position:fixed;top:0;pointer-events:none}polyfill-next-selector{content:'header summary'}:host ::content header summary{margin-top:20px;opacity:0.6}@media only screen and (max-width: 580px){:host{position:fixed;height:60px !important;width:100%;-webkit-box-align:center !important;-webkit-align-items:center !important;-moz-align-items:center !important;-ms-align-items:center !important;-o-align-items:center !important;align-items:center !important;box-shadow:0 1px 5px rgba(0,0,0,0.3)}polyfill-next-selector{content:':host header'}:host ::content header{display:none}polyfill-rule{content:'header#internalheader';display:block;padding:0}polyfill-rule{content:'header#internalheader h2';margin:0}}@media only screen and (max-width: 850px){polyfill-next-selector{content:':host #dropdown-toggle'}:host ::content #dropdown-toggle{z-index:1000}polyfill-next-selector{content:':host dropdown-panel'}:host ::content dropdown-panel{color:black}} diff --git a/css/homepage.css b/css/homepage.css index 7e57470b12..a8c38abc4e 100644 --- a/css/homepage.css +++ b/css/homepage.css @@ -1 +1 @@ -.content-padding,footer>:first-child,.panel{max-width:1032px;margin:0 auto}.content-padding,footer>:first-child,.panel{max-width:1032px;margin:0 auto}.meta{font-size:12px;font-weight:normal;line-height:20px}.secondary{font-size:14px;font-weight:normal;line-height:20px}body{font-size:16px;font-family:"RobotoDraft",Helvetica,Arial,sans-serif;font-weight:300;line-height:24px}button{font-size:12px;font-weight:normal;text-transform:uppercase}a{font-size:inherit;color:#3367d6;text-decoration:none}a:hover{text-decoration:underline}code,pre{font-family:"Source Code Pro",Monaco,Menlo,Consolas,"Courier New",monospace}h1,h2,h3,h4,h5{font-weight:300;letter-spacing:-0.01em;line-height:48px;margin:0}h1{font-size:40px}polyfill-next-selector{content:':host h1'}::content h1{font-size:40px}h2{font-size:24px}polyfill-next-selector{content:':host h2'}::content h2{font-size:24px}h3{font-size:20px}polyfill-next-selector{content:':host h3'}::content h3{font-size:20px}h4{font-size:16px;font-weight:500}polyfill-next-selector{content:':host h4'}::content h4{font-size:16px;font-weight:500}h5{font-size:12px;font-weight:500}polyfill-next-selector{content:':host h5'}::content h5{font-size:12px;font-weight:500}.start{color:#536dfe}.elements{color:#7986cb}.guide{color:#ff4080}.main-bg,#apps .box{background-color:#eee !important}.main-purple,section .bar.main-purple{background-color:#1f2036}.main-purple paper-button,section .bar.main-purple paper-button{background:#262742 !important;color:white;fill:currentcolor}.main-purple paper-button:hover{background:#3a3b56 !important}code,pre{color:#9f499b;font-family:"Source Code Pro",Monaco,Menlo,Consolas,"Courier New",monospace}pre,.prettyprint{background-color:#fafafa;padding:16px;margin:30px 0}pre .typ,pre .inline,.prettyprint .typ,.prettyprint .inline{color:#6b499f}pre .pun,.prettyprint .pun{color:#5c6bc0}pre .str,pre .string,.prettyprint .str,.prettyprint .string{color:#ff4081}pre .pln,.prettyprint .pln{color:#7986cb}pre .kwd,.prettyprint .kwd{color:#d61a7f}pre .atn,pre .attribute-name,.prettyprint .atn,.prettyprint .attribute-name{color:#6b499f}pre .atv,pre .attribute-value,.prettyprint .atv,.prettyprint .attribute-value{color:#7986cb}pre .com,pre .comment,.prettyprint .com,.prettyprint .comment{color:#8a8a8a}.polymer-status-badge{height:20px;background-color:rgba(0,0,0,0.26);text-transform:uppercase;border-radius:2px;font-size:11px;padding:10px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;line-height:1;color:#fff}.content-padding,footer>:first-child,.panel{max-width:1032px;margin:0 auto}.content-padding,footer>:first-child,.panel{max-width:1032px;margin:0 auto}.meta{font-size:12px;font-weight:normal;line-height:20px}.secondary{font-size:14px;font-weight:normal;line-height:20px}body{font-size:16px;font-family:"RobotoDraft",Helvetica,Arial,sans-serif;font-weight:300;line-height:24px}button{font-size:12px;font-weight:normal;text-transform:uppercase}a{font-size:inherit;color:#3367d6;text-decoration:none}a:hover{text-decoration:underline}code,pre{font-family:"Source Code Pro",Monaco,Menlo,Consolas,"Courier New",monospace}h1,h2,h3,h4,h5{font-weight:300;letter-spacing:-0.01em;line-height:48px;margin:0}h1{font-size:40px}polyfill-next-selector{content:':host h1'}::content h1{font-size:40px}h2{font-size:24px}polyfill-next-selector{content:':host h2'}::content h2{font-size:24px}h3{font-size:20px}polyfill-next-selector{content:':host h3'}::content h3{font-size:20px}h4{font-size:16px;font-weight:500}polyfill-next-selector{content:':host h4'}::content h4{font-size:16px;font-weight:500}h5{font-size:12px;font-weight:500}polyfill-next-selector{content:':host h5'}::content h5{font-size:12px;font-weight:500}.start{color:#536dfe}.elements{color:#7986cb}.guide{color:#ff4080}.main-bg,#apps .box{background-color:#eee !important}.main-purple,section .bar.main-purple{background-color:#1f2036}.main-purple paper-button,section .bar.main-purple paper-button{background:#262742 !important;color:white;fill:currentcolor}.main-purple paper-button:hover{background:#3a3b56 !important}code,pre{color:#9f499b;font-family:"Source Code Pro",Monaco,Menlo,Consolas,"Courier New",monospace}pre,.prettyprint{background-color:#fafafa;padding:16px;margin:30px 0}pre .typ,pre .inline,.prettyprint .typ,.prettyprint .inline{color:#6b499f}pre .pun,.prettyprint .pun{color:#5c6bc0}pre .str,pre .string,.prettyprint .str,.prettyprint .string{color:#ff4081}pre .pln,.prettyprint .pln{color:#7986cb}pre .kwd,.prettyprint .kwd{color:#d61a7f}pre .atn,pre .attribute-name,.prettyprint .atn,.prettyprint .attribute-name{color:#6b499f}pre .atv,pre .attribute-value,.prettyprint .atv,.prettyprint .attribute-value{color:#7986cb}pre .com,pre .comment,.prettyprint .com,.prettyprint .comment{color:#8a8a8a}.polymer-status-badge{height:20px;background-color:rgba(0,0,0,0.26);text-transform:uppercase;border-radius:2px;font-size:11px;padding:10px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;line-height:1;color:#fff}.material-purple{background-color:#3e50b4}.material-purple-light{background-color:#c4c9e8}.material-orange{background-color:#ff5621}.material-orange-light{background-color:#ffcbbb}.material-pink{background-color:#e81d62}.material-pink-light{background-color:#f7bacf}.material-yellow{background-color:#f3b300}.material-yellow-light{background-color:#fbe7b1}.material-green{background-color:#00bea4}.material-green-light{background-color:#a6ffea}.material-teal{background-color:#00bbd3}.material-teal-light{background-color:#b1eaf1}.material-blue{background-color:#4184f3}.material-blue-light{background-color:#c5d9fb}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}img{border:0}summary{display:block}h2:target:before,h3:target:before,h4:target:before,h5:target:before{display:block;content:" ";margin-top:-70px;height:90px;visibility:hidden}html,body{margin:0;padding:0;height:100%}body{color:#444}body.noscroll{overflow:hidden}body.hide-on-hash .hide-on-hash{display:none}img{max-width:100%}pre,code{white-space:pre;word-wrap:normal;overflow-x:auto}pre b,pre strong,code b,code strong{font-weight:700}a code{color:currentcolor}ul li::before,ol li::before{content:'·';color:#999;margin-left:-15px;position:absolute;font-weight:bold}ul ul,ol ul{margin-left:30px}ol li::before{content:''}ul{list-style:none}table.table{width:100%}table.first-col-nowrap tr td:first-of-type{white-space:nowrap}table td{padding:0;margin:0;vertical-align:top;padding:12px 12px 12px 0}table th{text-transform:uppercase;font-size:14px;text-align:left;padding-right:40px;border-bottom:1px solid #eee;font-weight:500;line-height:48px}b,strong{font-weight:500}hr{border:none;border-bottom:1px solid #eee}dl dt{font-weight:500}dl.horizontal dt{float:left;width:160px}blockquote{padding:0 0 0 15px;margin:0 0 20px;border-left:5px solid #eee}summary{outline:none}.error{border:3px solid red;background-color:rgba(255,0,0,0.3);padding:5px}.alert{color:#999;border:1px solid #eee;font-size:14px;padding:10px 15px}.alert b,.alert strong{margin-right:5px}.alert.alert-success b,.alert.alert-success strong{color:green}.alert.alert-info b,.alert.alert-info strong{color:#3367d6}.alert.alert-error{border-color:#ff4120;fill:#ff4120}.alert.alert-error b,.alert.alert-error strong{color:#ff4120}p:empty{display:none}a[disabled]{pointer-events:none;color:#ccc}.content-padding,footer>:first-child,.panel{max-width:1032px;margin:0 auto}paper-button{color:#666;font-size:14px;white-space:nowrap}paper-button>core-icon{margin-right:4px}paper-button[raised]{background:#fafafa}paper-button:hover,paper-button.active{text-decoration:none;background:#fff;box-shadow:0px 4px 10px 0 rgba(0,0,0,0.1),0px 2px 10px 0px rgba(0,0,0,0.1)}.paper-button[sink]{color:inherit;padding:7px 10px;transition:none}.paper-button[sink]:hover,.paper-button[sink].active{background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjA4Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(5%, rgba(0,0,0,0)),color-stop(40%, rgba(0,0,0,0.08)));background:-moz-linear-gradient(top, rgba(0,0,0,0) 5%,rgba(0,0,0,0.08) 40%);background:-webkit-linear-gradient(top, rgba(0,0,0,0) 5%,rgba(0,0,0,0.08) 40%);background:linear-gradient(to bottom, rgba(0,0,0,0) 5%,rgba(0,0,0,0.08) 40%);box-shadow:0 1px 1px rgba(0,0,0,0.2) inset,0 -1px 1px rgba(0,0,0,0.1) inset,0 1px 0px rgba(0,0,0,0.2) inset}app-bar a{text-decoration:none !important}app-bar .paper-button{font-size:14px;letter-spacing:normal;margin:5px}app-bar .polymer-status-badge{margin:0 24px}.bar{padding:16px !important;height:80px}.bar a{text-decoration:none}.sticky{position:fixed !important;top:0;width:100%}.onlyonmobile{display:none}footer{position:relative;background-color:#fafafa;padding:100px 0;padding-left:64px}footer .links{margin-bottom:56px}footer paper-button{margin-right:30px;opacity:0.6;color:black}footer #copyright{color:#b3b3b3;font-size:14px}footer #copyright a{color:#666666}#content-container .article{margin-bottom:2em}#content-container h2{margin-top:20px}#content-container h3{margin-top:15px}#content-container h4{margin-top:10px}#content-container scroll-area article header{margin-bottom:24px}@media only screen and (min-width: 990px){app-drawer[unresolved]{position:fixed;display:block;height:100%;width:265px;background-color:#eee}docs-menu{-webkit-transition:opacity 300ms ease-in;transition:opacity 300ms ease-in}docs-menu[unresolved]{opacity:0;visibility:hidden}scroll-area[sidebar]{display:block;padding-left:265px}scroll-area[sidebar] site-banner{height:286px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-align:flex-end;-webkit-align-items:flex-end;-moz-align-items:flex-end;-ms-align-items:flex-end;-o-align-items:flex-end;align-items:flex-end}scroll-area[sidebar] site-banner[unresolved]{background-color:#1f2036}scroll-area[sidebar] site-banner[unresolved] app-bar,scroll-area[sidebar] site-banner[unresolved] header{opacity:0;visibility:hidden}scroll-area[sidebar] site-banner header,scroll-area[sidebar] site-banner app-bar{-webkit-transition:opacity 300ms ease-in;transition:opacity 300ms ease-in}scroll-area[sidebar] site-banner :host([type="guide"]){background-color:#ff4080 !important}scroll-area[sidebar] site-banner :host([type="elements"]){background-color:#7986cb !important}scroll-area[sidebar] site-banner :host([type="start"]){background-color:#536dfe !important}scroll-area[sidebar] article{padding:24px 64px;max-width:912px;min-height:300px;overflow:hidden}dropdown-panel{display:none}}@media only screen and (max-width: 850px){scroll-area[sidebar]{padding-left:0 !important}scroll-area[unresolved] site-banner{height:60px;overflow:hidden}scroll-area[unresolved] app-bar{display:none}scroll-area[unresolved] header{display:none}scroll-area[unresolved] article{padding-left:15px;padding-right:15px}}#sidebar #sidebar-content{height:100%}#sidebar #logo-container{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;height:80px;padding-left:24px}.edit-on-github{float:right}.edit-on-github+*{clear:both}.permalink{display:none;margin-left:5px;vertical-align:top}.has-permalink:hover .permalink{display:initial}.no-permalink .permalink{display:none !important}.forversion{float:right;color:#ccc;font-style:italic}.article .byline{font-size:smaller;color:#ccc}.author{margin-bottom:20px}.author>p{display:inline-block;margin:0}.author>p:first-of-type{vertical-align:top}.author img{border-radius:7px;margin-right:5px;height:40px;width:40px}#toc summary{font-size:16px;font-weight:500;cursor:pointer}.video iframe{width:853px;max-width:100%;height:480px}.yt-embed{width:100%;max-width:576px}.content-padding,footer>:first-child,.panel{max-width:1032px;margin:0 auto}#dropdown-toggle{display:none;margin-top:-5px;opacity:0.3;fill:black;height:35px;width:35px}dropdown-panel{position:absolute;top:75px;left:15px;width:240px;z-index:1000}@media only screen and (max-width: 580px){.onlyonmobile{display:block !important}.bar{height:60px}.panel{margin:0 30px !important;padding:56px 0 40px 0 !important}.panel>img{margin-bottom:50px;width:200px;margin-right:auto !important;margin-left:0px !important}.panel summary+summary{margin-right:auto !important;margin-left:0px !important}.panel summary p{margin:10px 0 !important}.paper-button{margin:15px 0}#architecture .box{margin-bottom:25px}.edit-on-github{display:none}footer{padding:15px}footer .links{-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-webkit-box-align:flex-start !important;-webkit-align-items:flex-start !important;-moz-align-items:flex-start !important;-ms-align-items:flex-start !important;-o-align-items:flex-start !important;align-items:flex-start !important}}@media only screen and (max-width: 850px){#dropdown-toggle{display:inline-block}#architecture .panel p{margin-bottom:10px}#architecture .panel .paper-button{margin:0 0 40px}.responsive-table,.responsive-table thead,.responsive-table tbody,.responsive-table th,.responsive-table td,.responsive-table tr{display:block}.responsive-table th{position:absolute;top:-9999px;left:-9999px}.responsive-table td{position:relative;padding-left:40%}.responsive-table td:before{position:absolute;left:0;width:35%;padding-right:10px;text-transform:uppercase;font-size:14px;font-weight:500}.responsive-table tr td:last-child{border-bottom:1px solid #eee}.expressions-table td:nth-of-type(1):before{content:"Feature"}.expressions-table td:nth-of-type(2):before{content:"Example"}.expressions-table td:nth-of-type(3):before{content:"Explanation"}.attributes-table td:nth-of-type(1):before{content:"Attribute"}.attributes-table td:nth-of-type(2):before{content:"Required?"}.attributes-table td:nth-of-type(3):before{content:"Description"}.lifecycle-table td:nth-of-type(1):before{content:"Spec"}.lifecycle-table td:nth-of-type(2):before{content:"Polymer"}.lifecycle-table td:nth-of-type(3):before{content:"Called When"}.fouc-table td:nth-of-type(1):before{content:"Class Name"}.fouc-table td:nth-of-type(2):before{content:"Applied Behavior"}}@media only screen and (min-width: 581px) and (max-width: 850px){.main-bg .panel img,#apps .box .panel img{width:300px;margin-right:auto;margin-bottom:30px}.panel{-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;margin:0 30px !important}.panel.left img{margin-left:0px !important;margin-right:auto !important}.panel.right img{width:300px;margin-right:0px !important;margin-left:auto !important}.panel summary+summary{margin-right:auto !important;margin-left:0px !important}footer{padding-left:15px}}@media only screen and (min-width: 851px) and (max-width: 990px){footer .links{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;-o-justify-content:flex-start;justify-content:flex-start}footer .links .paper-button{margin-bottom:16px}footer #copyright{margin-top:-16px}}@media only screen and (min-width: 990px){#future img{width:416px;height:286px}}.h1heading,#apps h1{font-size:35px}.h5heading,#apps h5{font-size:14px;font-weight:500;color:#999;line-height:24px;letter-spacing:0.01em;margin-top:6px;margin-bottom:18px}section{border-bottom:1px solid #eee}.main-purple,section .bar.main-purple{color:white}section .bar{-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end;-o-justify-content:flex-end;justify-content:flex-end;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;border-top:1px solid #eee;border-bottom:1px solid #eee;background-color:#fafafa;height:auto}section .bar.main-purple{border-color:rgba(255,255,255,0.3)}section .bar.main-purple a{color:white}section .bar a{color:inherit;font-size:16px;text-align:right;-webkit-box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;flex:1;opacity:0.6}section .bar a:after{content:'\0025BE';margin:0 10px}site-banner{height:80px;-webkit-transition:box-shadow 200ms ease-in-out, opacity 300ms ease-in !important;transition:box-shadow 200ms ease-in-out, opacity 300ms ease-in !important}site-banner[unresolved]{opacity:0;visibility:hidden}feature-carousel{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;position:relative;height:310px}feature-carousel[unresolved]{visibility:hidden;opacity:0}site-banner .logo{z-index:200}.panel{padding:75px 16px}.panel.left img{margin-right:88px}.panel.right img{margin-left:88px}.panel summary+summary{margin-left:25px}.panel summary p{margin:20px 0;line-height:32px}.panel img{-webkit-align-self:center;-moz-align-self:center;-ms-align-self:center;-o-align-self:center;align-self:center}.panel img.cover{object-fit:cover;object-position:50% 0;-webkit-box-flex:1;-webkit-flex:1 0 auto;-moz-flex:1 0 auto;-ms-flex:1 0 auto;-o-flex:1 0 auto;flex:1 0 auto;margin-top:1em;height:300px;width:100%;-webkit-mask-box-image:-webkit-linear-gradient(bottom, transparent, #fff 20%);-moz-mask-box-image:-moz-linear-gradient(bottom, transparent, #fff 20%);-ms-mask-box-image:-ms-linear-gradient(bottom, transparent, #fff 20%);mask-box-image:linear-gradient(to top, rgba(0,0,0,0),#ffffff 20%)}@supports not (object-fit: cover){img.cover{height:auto !important;width:100% !important}}#future .panel{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;padding-top:125px;min-height:505px}#future summary{-webkit-box-flex:1;-webkit-flex:1 1 0.0px;-moz-flex:1 1 0.0px;-ms-flex:1 1 0.0px;-o-flex:1 1 0.0px;flex:1 1 0.0px}#future a{text-decoration:none}#future a:not(:last-of-type){margin-right:12px}@media only screen and (max-width: 850px){#future{padding-top:30px}#future .panel{-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column}#future summary{-webkit-box-flex:1;-webkit-flex:1 1 auto;-moz-flex:1 1 auto;-ms-flex:1 1 auto;-o-flex:1 1 auto;flex:1 1 auto}}#featured .video iframe{width:525px;height:273px}#featured .panel feature-carousel summary{margin-left:40px}#featured .panel img{width:525px;height:273px;border:1px solid #eee;margin-left:0;margin-top:0;object-fit:cover;object-position:50% 0}@media only screen and (max-width: 850px){#featured .panel feature-carousel summary{margin-left:0 !important;margin-top:15px !important}}#designer summary h3{margin:1em 0}#learn{min-height:536px}#learn summary,#everything-element summary{color:#fff}#everything-element code{color:currentcolor}#everything-element .panel img{max-width:312px}#apps .panel{padding:56px 16px 24px 16px}#apps .panel .columns{margin-top:32px}#apps .panel summary{margin-bottom:32px}#apps .box{margin-bottom:28px;border-radius:2px;width:200px;height:200px;overflow:hidden;box-shadow:0 2px 5px 0 rgba(0,0,0,0.26)}#apps img{height:100%;width:100%}#apps p{margin:10px 0;line-height:24px}@media only screen and (max-width: 850px){#apps .columns{display:block}#apps .columns summary{-webkit-box-flex:1;-webkit-flex:initial;-moz-flex:initial;-ms-flex:initial;-o-flex:initial;flex:initial}} +.content-padding,footer>:first-child,.panel{max-width:1032px;margin:0 auto}.content-padding,footer>:first-child,.panel{max-width:1032px;margin:0 auto}.meta{font-size:12px;font-weight:normal;line-height:20px}.secondary{font-size:14px;font-weight:normal;line-height:20px}body{font-size:16px;font-family:"RobotoDraft",Helvetica,Arial,sans-serif;font-weight:300;line-height:24px}button{font-size:12px;font-weight:normal;text-transform:uppercase}a{font-size:inherit;color:#3367d6;text-decoration:none}a:hover{text-decoration:underline}code,pre{font-family:"Source Code Pro",Monaco,Menlo,Consolas,"Courier New",monospace}h1,h2,h3,h4,h5{font-weight:300;letter-spacing:-0.01em;line-height:48px;margin:0}h1{font-size:40px}polyfill-next-selector{content:':host h1'}::content h1{font-size:40px}h2{font-size:24px}polyfill-next-selector{content:':host h2'}::content h2{font-size:24px}h3{font-size:20px}polyfill-next-selector{content:':host h3'}::content h3{font-size:20px}h4{font-size:16px;font-weight:500}polyfill-next-selector{content:':host h4'}::content h4{font-size:16px;font-weight:500}h5{font-size:12px;font-weight:500}polyfill-next-selector{content:':host h5'}::content h5{font-size:12px;font-weight:500}.start{color:#536dfe}.elements{color:#7986cb}.guide{color:#ff4080}.main-bg,#apps .box{background-color:#eee !important}.main-purple,section .bar.main-purple{background-color:#1f2036}.main-purple paper-button,section .bar.main-purple paper-button{background:#262742 !important;color:white;fill:currentcolor}.main-purple paper-button:hover{background:#3a3b56 !important}code,pre{color:#9f499b;font-family:"Source Code Pro",Monaco,Menlo,Consolas,"Courier New",monospace}pre,.prettyprint{background-color:#fafafa;padding:16px;margin:30px 0}pre .typ,pre .inline,.prettyprint .typ,.prettyprint .inline{color:#6b499f}pre .pun,.prettyprint .pun{color:#5c6bc0}pre .str,pre .string,.prettyprint .str,.prettyprint .string{color:#ff4081}pre .pln,.prettyprint .pln{color:#7986cb}pre .kwd,.prettyprint .kwd{color:#d61a7f}pre .atn,pre .attribute-name,.prettyprint .atn,.prettyprint .attribute-name{color:#6b499f}pre .atv,pre .attribute-value,.prettyprint .atv,.prettyprint .attribute-value{color:#7986cb}pre .com,pre .comment,.prettyprint .com,.prettyprint .comment{color:#8a8a8a}.polymer-status-badge{height:20px;background-color:rgba(0,0,0,0.26);text-transform:uppercase;border-radius:2px;font-size:11px;padding:10px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;line-height:1;color:#fff;box-sizing:border-box;margin:0 24px}.content-padding,footer>:first-child,.panel{max-width:1032px;margin:0 auto}.content-padding,footer>:first-child,.panel{max-width:1032px;margin:0 auto}.meta{font-size:12px;font-weight:normal;line-height:20px}.secondary{font-size:14px;font-weight:normal;line-height:20px}body{font-size:16px;font-family:"RobotoDraft",Helvetica,Arial,sans-serif;font-weight:300;line-height:24px}button{font-size:12px;font-weight:normal;text-transform:uppercase}a{font-size:inherit;color:#3367d6;text-decoration:none}a:hover{text-decoration:underline}code,pre{font-family:"Source Code Pro",Monaco,Menlo,Consolas,"Courier New",monospace}h1,h2,h3,h4,h5{font-weight:300;letter-spacing:-0.01em;line-height:48px;margin:0}h1{font-size:40px}polyfill-next-selector{content:':host h1'}::content h1{font-size:40px}h2{font-size:24px}polyfill-next-selector{content:':host h2'}::content h2{font-size:24px}h3{font-size:20px}polyfill-next-selector{content:':host h3'}::content h3{font-size:20px}h4{font-size:16px;font-weight:500}polyfill-next-selector{content:':host h4'}::content h4{font-size:16px;font-weight:500}h5{font-size:12px;font-weight:500}polyfill-next-selector{content:':host h5'}::content h5{font-size:12px;font-weight:500}.start{color:#536dfe}.elements{color:#7986cb}.guide{color:#ff4080}.main-bg,#apps .box{background-color:#eee !important}.main-purple,section .bar.main-purple{background-color:#1f2036}.main-purple paper-button,section .bar.main-purple paper-button{background:#262742 !important;color:white;fill:currentcolor}.main-purple paper-button:hover{background:#3a3b56 !important}code,pre{color:#9f499b;font-family:"Source Code Pro",Monaco,Menlo,Consolas,"Courier New",monospace}pre,.prettyprint{background-color:#fafafa;padding:16px;margin:30px 0}pre .typ,pre .inline,.prettyprint .typ,.prettyprint .inline{color:#6b499f}pre .pun,.prettyprint .pun{color:#5c6bc0}pre .str,pre .string,.prettyprint .str,.prettyprint .string{color:#ff4081}pre .pln,.prettyprint .pln{color:#7986cb}pre .kwd,.prettyprint .kwd{color:#d61a7f}pre .atn,pre .attribute-name,.prettyprint .atn,.prettyprint .attribute-name{color:#6b499f}pre .atv,pre .attribute-value,.prettyprint .atv,.prettyprint .attribute-value{color:#7986cb}pre .com,pre .comment,.prettyprint .com,.prettyprint .comment{color:#8a8a8a}.polymer-status-badge{height:20px;background-color:rgba(0,0,0,0.26);text-transform:uppercase;border-radius:2px;font-size:11px;padding:10px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;line-height:1;color:#fff;box-sizing:border-box;margin:0 24px}.material-purple{background-color:#3e50b4}.material-purple-light{background-color:#c4c9e8}.material-orange{background-color:#ff5621}.material-orange-light{background-color:#ffcbbb}.material-pink{background-color:#e81d62}.material-pink-light{background-color:#f7bacf}.material-yellow{background-color:#f3b300}.material-yellow-light{background-color:#fbe7b1}.material-green{background-color:#00bea4}.material-green-light{background-color:#a6ffea}.material-teal{background-color:#00bbd3}.material-teal-light{background-color:#b1eaf1}.material-blue{background-color:#4184f3}.material-blue-light{background-color:#c5d9fb}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}img{border:0}summary{display:block}h2:target:before,h3:target:before,h4:target:before,h5:target:before{display:block;content:" ";margin-top:-70px;height:90px;visibility:hidden}html,body{margin:0;padding:0;height:100%}body{color:#444}body.noscroll{overflow:hidden}body.hide-on-hash .hide-on-hash{display:none}img{max-width:100%}pre,code{white-space:pre;word-wrap:normal;overflow-x:auto}pre b,pre strong,code b,code strong{font-weight:700}a code{color:currentcolor}ul li::before,ol li::before{content:'·';color:#999;margin-left:-15px;position:absolute;font-weight:bold}ul ul,ol ul{margin-left:30px}ol li::before{content:''}ul{list-style:none}table.table{width:100%}table.first-col-nowrap tr td:first-of-type{white-space:nowrap}table td{padding:0;margin:0;vertical-align:top;padding:12px 12px 12px 0}table th{text-transform:uppercase;font-size:14px;text-align:left;padding-right:40px;border-bottom:1px solid #eee;font-weight:500;line-height:48px}b,strong{font-weight:500}hr{border:none;border-bottom:1px solid #eee}dl dt{font-weight:500}dl.horizontal dt{float:left;width:160px}blockquote{padding:0 0 0 15px;margin:0 0 20px;border-left:5px solid #eee}summary{outline:none}.error{border:3px solid red;background-color:rgba(255,0,0,0.3);padding:5px}.alert{color:#999;border:1px solid #eee;font-size:14px;padding:10px 15px}.alert b,.alert strong{margin-right:5px}.alert.alert-success b,.alert.alert-success strong{color:green}.alert.alert-info b,.alert.alert-info strong{color:#3367d6}.alert.alert-error{border-color:#ff4120;fill:#ff4120}.alert.alert-error b,.alert.alert-error strong{color:#ff4120}p:empty{display:none}a[disabled]{pointer-events:none;color:#ccc}.content-padding,footer>:first-child,.panel{max-width:1032px;margin:0 auto}paper-button{color:#666;font-size:14px;white-space:nowrap}paper-button>core-icon{margin-right:4px}paper-button[raised]{background:#fafafa}paper-button:hover,paper-button.active{text-decoration:none;background:#fff;box-shadow:0px 4px 10px 0 rgba(0,0,0,0.1),0px 2px 10px 0px rgba(0,0,0,0.1)}.paper-button[sink]{color:inherit;padding:7px 10px;transition:none}.paper-button[sink]:hover,.paper-button[sink].active{background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjA4Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(5%, rgba(0,0,0,0)),color-stop(40%, rgba(0,0,0,0.08)));background:-moz-linear-gradient(top, rgba(0,0,0,0) 5%,rgba(0,0,0,0.08) 40%);background:-webkit-linear-gradient(top, rgba(0,0,0,0) 5%,rgba(0,0,0,0.08) 40%);background:linear-gradient(to bottom, rgba(0,0,0,0) 5%,rgba(0,0,0,0.08) 40%);box-shadow:0 1px 1px rgba(0,0,0,0.2) inset,0 -1px 1px rgba(0,0,0,0.1) inset,0 1px 0px rgba(0,0,0,0.2) inset}app-bar a{text-decoration:none !important}app-bar .paper-button{font-size:14px;letter-spacing:normal;margin:5px}.bar{padding:16px !important;height:80px}.bar a{text-decoration:none}.sticky{position:fixed !important;top:0;width:100%}.onlyonmobile{display:none}footer{position:relative;background-color:#fafafa;padding:100px 0;padding-left:64px}footer .links{margin-bottom:56px}footer paper-button{margin-right:30px;opacity:0.6;color:black}footer #copyright{color:#b3b3b3;font-size:14px}footer #copyright a{color:#666666}#content-container .article{margin-bottom:2em}#content-container h2{margin-top:20px}#content-container h3{margin-top:15px}#content-container h4{margin-top:10px}#content-container scroll-area article header{margin-bottom:24px}@media only screen and (min-width: 990px){app-drawer[unresolved]{position:fixed;display:block;height:100%;width:265px;background-color:#eee}docs-menu{-webkit-transition:opacity 300ms ease-in;transition:opacity 300ms ease-in}docs-menu[unresolved]{opacity:0;visibility:hidden}scroll-area[sidebar]{display:block;padding-left:265px}scroll-area[sidebar] site-banner{height:286px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-align:flex-end;-webkit-align-items:flex-end;-moz-align-items:flex-end;-ms-align-items:flex-end;-o-align-items:flex-end;align-items:flex-end}scroll-area[sidebar] site-banner[unresolved]{background-color:#1f2036}scroll-area[sidebar] site-banner[unresolved] app-bar,scroll-area[sidebar] site-banner[unresolved] header{opacity:0;visibility:hidden}scroll-area[sidebar] site-banner header,scroll-area[sidebar] site-banner app-bar{-webkit-transition:opacity 300ms ease-in;transition:opacity 300ms ease-in}scroll-area[sidebar] site-banner :host([type="guide"]){background-color:#ff4080 !important}scroll-area[sidebar] site-banner :host([type="elements"]){background-color:#7986cb !important}scroll-area[sidebar] site-banner :host([type="start"]){background-color:#536dfe !important}scroll-area[sidebar] article{padding:24px 64px;max-width:912px;min-height:300px;overflow:hidden}dropdown-panel{display:none}}@media only screen and (max-width: 850px){scroll-area[sidebar]{padding-left:0 !important}scroll-area[unresolved] site-banner{height:60px;overflow:hidden}scroll-area[unresolved] app-bar{display:none}scroll-area[unresolved] header{display:none}scroll-area[unresolved] article{padding-left:15px;padding-right:15px}}#sidebar #sidebar-content{height:100%}#sidebar #logo-container{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;height:80px;padding-left:24px}.edit-on-github{float:right}.edit-on-github+*{clear:both}.permalink{display:none;margin-left:5px;vertical-align:top}.has-permalink:hover .permalink{display:initial}.no-permalink .permalink{display:none !important}.forversion{float:right;color:#ccc;font-style:italic}.article .byline{font-size:smaller;color:#ccc}.author{margin-bottom:20px}.author>p{display:inline-block;margin:0}.author>p:first-of-type{vertical-align:top}.author img{border-radius:7px;margin-right:5px;height:40px;width:40px}#toc summary{font-size:16px;font-weight:500;cursor:pointer}.video iframe{width:853px;max-width:100%;height:480px}.yt-embed{width:100%;max-width:576px}.content-padding,footer>:first-child,.panel{max-width:1032px;margin:0 auto}#dropdown-toggle{display:none;margin-top:-5px;opacity:0.3;fill:black;height:35px;width:35px}dropdown-panel{position:absolute;top:75px;left:15px;width:240px;z-index:1000}@media only screen and (max-width: 580px){.onlyonmobile{display:block !important}.bar{height:60px}.panel{margin:0 30px !important;padding:56px 0 40px 0 !important}.panel>img{margin-bottom:50px;width:200px;margin-right:auto !important;margin-left:0px !important}.panel summary+summary{margin-right:auto !important;margin-left:0px !important}.panel summary p{margin:10px 0 !important}.paper-button{margin:15px 0}#architecture .box{margin-bottom:25px}.edit-on-github{display:none}footer{padding:15px}footer .links{-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-webkit-box-align:flex-start !important;-webkit-align-items:flex-start !important;-moz-align-items:flex-start !important;-ms-align-items:flex-start !important;-o-align-items:flex-start !important;align-items:flex-start !important}}@media only screen and (max-width: 850px){#dropdown-toggle{display:inline-block}#architecture .panel p{margin-bottom:10px}#architecture .panel .paper-button{margin:0 0 40px}.responsive-table,.responsive-table thead,.responsive-table tbody,.responsive-table th,.responsive-table td,.responsive-table tr{display:block}.responsive-table th{position:absolute;top:-9999px;left:-9999px}.responsive-table td{position:relative;padding-left:40%}.responsive-table td:before{position:absolute;left:0;width:35%;padding-right:10px;text-transform:uppercase;font-size:14px;font-weight:500}.responsive-table tr td:last-child{border-bottom:1px solid #eee}.expressions-table td:nth-of-type(1):before{content:"Feature"}.expressions-table td:nth-of-type(2):before{content:"Example"}.expressions-table td:nth-of-type(3):before{content:"Explanation"}.attributes-table td:nth-of-type(1):before{content:"Attribute"}.attributes-table td:nth-of-type(2):before{content:"Required?"}.attributes-table td:nth-of-type(3):before{content:"Description"}.lifecycle-table td:nth-of-type(1):before{content:"Spec"}.lifecycle-table td:nth-of-type(2):before{content:"Polymer"}.lifecycle-table td:nth-of-type(3):before{content:"Called When"}.fouc-table td:nth-of-type(1):before{content:"Class Name"}.fouc-table td:nth-of-type(2):before{content:"Applied Behavior"}}@media only screen and (min-width: 581px) and (max-width: 850px){.main-bg .panel img,#apps .box .panel img{width:300px;margin-right:auto;margin-bottom:30px}.panel{-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;margin:0 30px !important}.panel.left img{margin-left:0px !important;margin-right:auto !important}.panel.right img{width:300px;margin-right:0px !important;margin-left:auto !important}.panel summary+summary{margin-right:auto !important;margin-left:0px !important}footer{padding-left:15px}}@media only screen and (min-width: 851px) and (max-width: 990px){footer .links{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;-o-justify-content:flex-start;justify-content:flex-start}footer .links .paper-button{margin-bottom:16px}footer #copyright{margin-top:-16px}}@media only screen and (min-width: 990px){#future img{width:416px;height:286px}}.h1heading,#apps h1{font-size:35px}.h5heading,#apps h5{font-size:14px;font-weight:500;color:#999;line-height:24px;letter-spacing:0.01em;margin-top:6px;margin-bottom:18px}section{border-bottom:1px solid #eee}.main-purple,section .bar.main-purple{color:white}section .bar{-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end;-o-justify-content:flex-end;justify-content:flex-end;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;border-top:1px solid #eee;border-bottom:1px solid #eee;background-color:#fafafa;height:auto}section .bar.main-purple{border-color:rgba(255,255,255,0.3)}section .bar.main-purple a{color:white}section .bar a{color:inherit;font-size:16px;text-align:right;-webkit-box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;flex:1;opacity:0.6}section .bar a:after{content:'\0025BE';margin:0 10px}site-banner{height:80px;-webkit-transition:box-shadow 200ms ease-in-out, opacity 300ms ease-in !important;transition:box-shadow 200ms ease-in-out, opacity 300ms ease-in !important}site-banner[unresolved]{opacity:0;visibility:hidden}feature-carousel{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;position:relative;height:310px}feature-carousel[unresolved]{visibility:hidden;opacity:0}site-banner .logo{z-index:200}.panel{padding:75px 16px}.panel.left img{margin-right:88px}.panel.right img{margin-left:88px}.panel summary+summary{margin-left:25px}.panel summary p{margin:20px 0;line-height:32px}.panel img{-webkit-align-self:center;-moz-align-self:center;-ms-align-self:center;-o-align-self:center;align-self:center}.panel img.cover{object-fit:cover;object-position:50% 0;-webkit-box-flex:1;-webkit-flex:1 0 auto;-moz-flex:1 0 auto;-ms-flex:1 0 auto;-o-flex:1 0 auto;flex:1 0 auto;margin-top:1em;height:300px;width:100%;-webkit-mask-box-image:-webkit-linear-gradient(bottom, transparent, #fff 20%);-moz-mask-box-image:-moz-linear-gradient(bottom, transparent, #fff 20%);-ms-mask-box-image:-ms-linear-gradient(bottom, transparent, #fff 20%);mask-box-image:linear-gradient(to top, rgba(0,0,0,0),#ffffff 20%)}@supports not (object-fit: cover){img.cover{height:auto !important;width:100% !important}}#future .panel{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;padding-top:125px;min-height:505px}#future summary{-webkit-box-flex:1;-webkit-flex:1 1 0.0px;-moz-flex:1 1 0.0px;-ms-flex:1 1 0.0px;-o-flex:1 1 0.0px;flex:1 1 0.0px}#future a{text-decoration:none}#future a:not(:last-of-type){margin-right:12px}@media only screen and (max-width: 850px){#future{padding-top:30px}#future .panel{-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column}#future summary{-webkit-box-flex:1;-webkit-flex:1 1 auto;-moz-flex:1 1 auto;-ms-flex:1 1 auto;-o-flex:1 1 auto;flex:1 1 auto}}#featured .video iframe{width:525px;height:273px}#featured .panel feature-carousel summary{margin-left:40px}#featured .panel img{width:525px;height:273px;border:1px solid #eee;margin-left:0;margin-top:0;object-fit:cover;object-position:50% 0}@media only screen and (max-width: 850px){#featured .panel feature-carousel summary{margin-left:0 !important;margin-top:15px !important}}#designer summary h3{margin:1em 0}#learn{min-height:536px}#learn summary,#everything-element summary{color:#fff}#everything-element code{color:currentcolor}#everything-element .panel img{max-width:312px}#apps .panel{padding:56px 16px 24px 16px}#apps .panel .columns{margin-top:32px}#apps .panel summary{margin-bottom:32px}#apps .box{margin-bottom:28px;border-radius:2px;width:200px;height:200px;overflow:hidden;box-shadow:0 2px 5px 0 rgba(0,0,0,0.26)}#apps img{height:100%;width:100%}#apps p{margin:10px 0;line-height:24px}@media only screen and (max-width: 850px){#apps .columns{display:block}#apps .columns summary{-webkit-box-flex:1;-webkit-flex:initial;-moz-flex:initial;-ms-flex:initial;-o-flex:initial;flex:initial}} diff --git a/css/polymer.css b/css/polymer.css index 1ba68401a6..0bb65cf8c6 100644 --- a/css/polymer.css +++ b/css/polymer.css @@ -1 +1 @@ -h1,h2,h3,h4,h5{font-weight:300;letter-spacing:-0.01em;line-height:48px;margin:0}h1{font-size:40px}polyfill-next-selector{content:':host h1'}::content h1{font-size:40px}h2{font-size:24px}polyfill-next-selector{content:':host h2'}::content h2{font-size:24px}h3{font-size:20px}polyfill-next-selector{content:':host h3'}::content h3{font-size:20px}h4{font-size:16px;font-weight:500}polyfill-next-selector{content:':host h4'}::content h4{font-size:16px;font-weight:500}h5{font-size:12px;font-weight:500}polyfill-next-selector{content:':host h5'}::content h5{font-size:12px;font-weight:500}.start{color:#536dfe}.elements{color:#7986cb}.guide{color:#ff4080}.main-bg{background-color:#eee !important}.main-purple{background-color:#1f2036}.main-purple paper-button{background:#262742 !important;color:white;fill:currentcolor}.main-purple paper-button:hover{background:#3a3b56 !important}code,pre{color:#9f499b;font-family:"Source Code Pro",Monaco,Menlo,Consolas,"Courier New",monospace}pre,.prettyprint{background-color:#fafafa;padding:16px;margin:30px 0}pre .typ,pre .inline,.prettyprint .typ,.prettyprint .inline{color:#6b499f}pre .pun,.prettyprint .pun{color:#5c6bc0}pre .str,pre .string,.prettyprint .str,.prettyprint .string{color:#ff4081}pre .pln,.prettyprint .pln{color:#7986cb}pre .kwd,.prettyprint .kwd{color:#d61a7f}pre .atn,pre .attribute-name,.prettyprint .atn,.prettyprint .attribute-name{color:#6b499f}pre .atv,pre .attribute-value,.prettyprint .atv,.prettyprint .attribute-value{color:#7986cb}pre .com,pre .comment,.prettyprint .com,.prettyprint .comment{color:#8a8a8a}.polymer-status-badge{height:20px;background-color:rgba(0,0,0,0.26);text-transform:uppercase;border-radius:2px;font-size:11px;padding:10px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;line-height:1;color:#fff} +h1,h2,h3,h4,h5{font-weight:300;letter-spacing:-0.01em;line-height:48px;margin:0}h1{font-size:40px}polyfill-next-selector{content:':host h1'}::content h1{font-size:40px}h2{font-size:24px}polyfill-next-selector{content:':host h2'}::content h2{font-size:24px}h3{font-size:20px}polyfill-next-selector{content:':host h3'}::content h3{font-size:20px}h4{font-size:16px;font-weight:500}polyfill-next-selector{content:':host h4'}::content h4{font-size:16px;font-weight:500}h5{font-size:12px;font-weight:500}polyfill-next-selector{content:':host h5'}::content h5{font-size:12px;font-weight:500}.start{color:#536dfe}.elements{color:#7986cb}.guide{color:#ff4080}.main-bg{background-color:#eee !important}.main-purple{background-color:#1f2036}.main-purple paper-button{background:#262742 !important;color:white;fill:currentcolor}.main-purple paper-button:hover{background:#3a3b56 !important}code,pre{color:#9f499b;font-family:"Source Code Pro",Monaco,Menlo,Consolas,"Courier New",monospace}pre,.prettyprint{background-color:#fafafa;padding:16px;margin:30px 0}pre .typ,pre .inline,.prettyprint .typ,.prettyprint .inline{color:#6b499f}pre .pun,.prettyprint .pun{color:#5c6bc0}pre .str,pre .string,.prettyprint .str,.prettyprint .string{color:#ff4081}pre .pln,.prettyprint .pln{color:#7986cb}pre .kwd,.prettyprint .kwd{color:#d61a7f}pre .atn,pre .attribute-name,.prettyprint .atn,.prettyprint .attribute-name{color:#6b499f}pre .atv,pre .attribute-value,.prettyprint .atv,.prettyprint .attribute-value{color:#7986cb}pre .com,pre .comment,.prettyprint .com,.prettyprint .comment{color:#8a8a8a}.polymer-status-badge{height:20px;background-color:rgba(0,0,0,0.26);text-transform:uppercase;border-radius:2px;font-size:11px;padding:10px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;line-height:1;color:#fff;box-sizing:border-box;margin:0 24px} diff --git a/css/site2.css b/css/site2.css index 0d4ddb15e7..6e0880e1fc 100644 --- a/css/site2.css +++ b/css/site2.css @@ -1 +1 @@ -.content-padding,footer>:first-child{max-width:1032px;margin:0 auto}.content-padding,footer>:first-child{max-width:1032px;margin:0 auto}.meta{font-size:12px;font-weight:normal;line-height:20px}.secondary{font-size:14px;font-weight:normal;line-height:20px}body{font-size:16px;font-family:"RobotoDraft",Helvetica,Arial,sans-serif;font-weight:300;line-height:24px}button{font-size:12px;font-weight:normal;text-transform:uppercase}a{font-size:inherit;color:#3367d6;text-decoration:none}a:hover{text-decoration:underline}code,pre{font-family:"Source Code Pro",Monaco,Menlo,Consolas,"Courier New",monospace}h1,h2,h3,h4,h5{font-weight:300;letter-spacing:-0.01em;line-height:48px;margin:0}h1{font-size:40px}polyfill-next-selector{content:':host h1'}::content h1{font-size:40px}h2{font-size:24px}polyfill-next-selector{content:':host h2'}::content h2{font-size:24px}h3{font-size:20px}polyfill-next-selector{content:':host h3'}::content h3{font-size:20px}h4{font-size:16px;font-weight:500}polyfill-next-selector{content:':host h4'}::content h4{font-size:16px;font-weight:500}h5{font-size:12px;font-weight:500}polyfill-next-selector{content:':host h5'}::content h5{font-size:12px;font-weight:500}.start{color:#536dfe}.elements{color:#7986cb}.guide{color:#ff4080}.main-bg{background-color:#eee !important}.main-purple{background-color:#1f2036}.main-purple paper-button{background:#262742 !important;color:white;fill:currentcolor}.main-purple paper-button:hover{background:#3a3b56 !important}code,pre{color:#9f499b;font-family:"Source Code Pro",Monaco,Menlo,Consolas,"Courier New",monospace}pre,.prettyprint{background-color:#fafafa;padding:16px;margin:30px 0}pre .typ,pre .inline,.prettyprint .typ,.prettyprint .inline{color:#6b499f}pre .pun,.prettyprint .pun{color:#5c6bc0}pre .str,pre .string,.prettyprint .str,.prettyprint .string{color:#ff4081}pre .pln,.prettyprint .pln{color:#7986cb}pre .kwd,.prettyprint .kwd{color:#d61a7f}pre .atn,pre .attribute-name,.prettyprint .atn,.prettyprint .attribute-name{color:#6b499f}pre .atv,pre .attribute-value,.prettyprint .atv,.prettyprint .attribute-value{color:#7986cb}pre .com,pre .comment,.prettyprint .com,.prettyprint .comment{color:#8a8a8a}.polymer-status-badge{height:20px;background-color:rgba(0,0,0,0.26);text-transform:uppercase;border-radius:2px;font-size:11px;padding:10px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;line-height:1;color:#fff}.material-purple{background-color:#3e50b4}.material-purple-light{background-color:#c4c9e8}.material-orange{background-color:#ff5621}.material-orange-light{background-color:#ffcbbb}.material-pink{background-color:#e81d62}.material-pink-light{background-color:#f7bacf}.material-yellow{background-color:#f3b300}.material-yellow-light{background-color:#fbe7b1}.material-green{background-color:#00bea4}.material-green-light{background-color:#a6ffea}.material-teal{background-color:#00bbd3}.material-teal-light{background-color:#b1eaf1}.material-blue{background-color:#4184f3}.material-blue-light{background-color:#c5d9fb}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}img{border:0}summary{display:block}h2:target:before,h3:target:before,h4:target:before,h5:target:before{display:block;content:" ";margin-top:-70px;height:90px;visibility:hidden}html,body{margin:0;padding:0;height:100%}body{color:#444}body.noscroll{overflow:hidden}body.hide-on-hash .hide-on-hash{display:none}img{max-width:100%}pre,code{white-space:pre;word-wrap:normal;overflow-x:auto}pre b,pre strong,code b,code strong{font-weight:700}a code{color:currentcolor}ul li::before,ol li::before{content:'·';color:#999;margin-left:-15px;position:absolute;font-weight:bold}ul ul,ol ul{margin-left:30px}ol li::before{content:''}ul{list-style:none}table.table{width:100%}table.first-col-nowrap tr td:first-of-type{white-space:nowrap}table td{padding:0;margin:0;vertical-align:top;padding:12px 12px 12px 0}table th{text-transform:uppercase;font-size:14px;text-align:left;padding-right:40px;border-bottom:1px solid #eee;font-weight:500;line-height:48px}b,strong{font-weight:500}hr{border:none;border-bottom:1px solid #eee}dl dt{font-weight:500}dl.horizontal dt{float:left;width:160px}blockquote{padding:0 0 0 15px;margin:0 0 20px;border-left:5px solid #eee}summary{outline:none}.error{border:3px solid red;background-color:rgba(255,0,0,0.3);padding:5px}.alert{color:#999;border:1px solid #eee;font-size:14px;padding:10px 15px}.alert b,.alert strong{margin-right:5px}.alert.alert-success b,.alert.alert-success strong{color:green}.alert.alert-info b,.alert.alert-info strong{color:#3367d6}.alert.alert-error{border-color:#ff4120;fill:#ff4120}.alert.alert-error b,.alert.alert-error strong{color:#ff4120}p:empty{display:none}a[disabled]{pointer-events:none;color:#ccc}.content-padding,footer>:first-child{max-width:1032px;margin:0 auto}paper-button{color:#666;font-size:14px;white-space:nowrap}paper-button>core-icon{margin-right:4px}paper-button[raised]{background:#fafafa}paper-button:hover,paper-button.active{text-decoration:none;background:#fff;box-shadow:0px 4px 10px 0 rgba(0,0,0,0.1),0px 2px 10px 0px rgba(0,0,0,0.1)}.paper-button[sink]{color:inherit;padding:7px 10px;transition:none}.paper-button[sink]:hover,.paper-button[sink].active{background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjA4Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(5%, rgba(0,0,0,0)),color-stop(40%, rgba(0,0,0,0.08)));background:-moz-linear-gradient(top, rgba(0,0,0,0) 5%,rgba(0,0,0,0.08) 40%);background:-webkit-linear-gradient(top, rgba(0,0,0,0) 5%,rgba(0,0,0,0.08) 40%);background:linear-gradient(to bottom, rgba(0,0,0,0) 5%,rgba(0,0,0,0.08) 40%);box-shadow:0 1px 1px rgba(0,0,0,0.2) inset,0 -1px 1px rgba(0,0,0,0.1) inset,0 1px 0px rgba(0,0,0,0.2) inset}app-bar a{text-decoration:none !important}app-bar .paper-button{font-size:14px;letter-spacing:normal;margin:5px}app-bar .polymer-status-badge{margin:0 24px}.bar{padding:16px !important;height:80px}.bar a{text-decoration:none}.sticky{position:fixed !important;top:0;width:100%}.onlyonmobile{display:none}footer{position:relative;background-color:#fafafa;padding:100px 0;padding-left:64px}footer .links{margin-bottom:56px}footer paper-button{margin-right:30px;opacity:0.6;color:black}footer #copyright{color:#b3b3b3;font-size:14px}footer #copyright a{color:#666666}#content-container .article{margin-bottom:2em}#content-container h2{margin-top:20px}#content-container h3{margin-top:15px}#content-container h4{margin-top:10px}#content-container scroll-area article header{margin-bottom:24px}@media only screen and (min-width: 990px){app-drawer[unresolved]{position:fixed;display:block;height:100%;width:265px;background-color:#eee}docs-menu{-webkit-transition:opacity 300ms ease-in;transition:opacity 300ms ease-in}docs-menu[unresolved]{opacity:0;visibility:hidden}scroll-area[sidebar]{display:block;padding-left:265px}scroll-area[sidebar] site-banner{height:286px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-align:flex-end;-webkit-align-items:flex-end;-moz-align-items:flex-end;-ms-align-items:flex-end;-o-align-items:flex-end;align-items:flex-end}scroll-area[sidebar] site-banner[unresolved]{background-color:#1f2036}scroll-area[sidebar] site-banner[unresolved] app-bar,scroll-area[sidebar] site-banner[unresolved] header{opacity:0;visibility:hidden}scroll-area[sidebar] site-banner header,scroll-area[sidebar] site-banner app-bar{-webkit-transition:opacity 300ms ease-in;transition:opacity 300ms ease-in}scroll-area[sidebar] site-banner :host([type="guide"]){background-color:#ff4080 !important}scroll-area[sidebar] site-banner :host([type="elements"]){background-color:#7986cb !important}scroll-area[sidebar] site-banner :host([type="start"]){background-color:#536dfe !important}scroll-area[sidebar] article{padding:24px 64px;max-width:912px;min-height:300px;overflow:hidden}dropdown-panel{display:none}}@media only screen and (max-width: 850px){scroll-area[sidebar]{padding-left:0 !important}scroll-area[unresolved] site-banner{height:60px;overflow:hidden}scroll-area[unresolved] app-bar{display:none}scroll-area[unresolved] header{display:none}scroll-area[unresolved] article{padding-left:15px;padding-right:15px}}#sidebar #sidebar-content{height:100%}#sidebar #logo-container{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;height:80px;padding-left:24px}.edit-on-github{float:right}.edit-on-github+*{clear:both}.permalink{display:none;margin-left:5px;vertical-align:top}.has-permalink:hover .permalink{display:initial}.no-permalink .permalink{display:none !important}.forversion{float:right;color:#ccc;font-style:italic}.article .byline{font-size:smaller;color:#ccc}.author{margin-bottom:20px}.author>p{display:inline-block;margin:0}.author>p:first-of-type{vertical-align:top}.author img{border-radius:7px;margin-right:5px;height:40px;width:40px}#toc summary{font-size:16px;font-weight:500;cursor:pointer}.video iframe{width:853px;max-width:100%;height:480px}.yt-embed{width:100%;max-width:576px}.content-padding,footer>:first-child{max-width:1032px;margin:0 auto}#dropdown-toggle{display:none;margin-top:-5px;opacity:0.3;fill:black;height:35px;width:35px}dropdown-panel{position:absolute;top:75px;left:15px;width:240px;z-index:1000}@media only screen and (max-width: 580px){.onlyonmobile{display:block !important}.bar{height:60px}.panel{margin:0 30px !important;padding:56px 0 40px 0 !important}.panel>img{margin-bottom:50px;width:200px;margin-right:auto !important;margin-left:0px !important}.panel summary+summary{margin-right:auto !important;margin-left:0px !important}.panel summary p{margin:10px 0 !important}.paper-button{margin:15px 0}#architecture .box{margin-bottom:25px}.edit-on-github{display:none}footer{padding:15px}footer .links{-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-webkit-box-align:flex-start !important;-webkit-align-items:flex-start !important;-moz-align-items:flex-start !important;-ms-align-items:flex-start !important;-o-align-items:flex-start !important;align-items:flex-start !important}}@media only screen and (max-width: 850px){#dropdown-toggle{display:inline-block}#architecture .panel p{margin-bottom:10px}#architecture .panel .paper-button{margin:0 0 40px}.responsive-table,.responsive-table thead,.responsive-table tbody,.responsive-table th,.responsive-table td,.responsive-table tr{display:block}.responsive-table th{position:absolute;top:-9999px;left:-9999px}.responsive-table td{position:relative;padding-left:40%}.responsive-table td:before{position:absolute;left:0;width:35%;padding-right:10px;text-transform:uppercase;font-size:14px;font-weight:500}.responsive-table tr td:last-child{border-bottom:1px solid #eee}.expressions-table td:nth-of-type(1):before{content:"Feature"}.expressions-table td:nth-of-type(2):before{content:"Example"}.expressions-table td:nth-of-type(3):before{content:"Explanation"}.attributes-table td:nth-of-type(1):before{content:"Attribute"}.attributes-table td:nth-of-type(2):before{content:"Required?"}.attributes-table td:nth-of-type(3):before{content:"Description"}.lifecycle-table td:nth-of-type(1):before{content:"Spec"}.lifecycle-table td:nth-of-type(2):before{content:"Polymer"}.lifecycle-table td:nth-of-type(3):before{content:"Called When"}.fouc-table td:nth-of-type(1):before{content:"Class Name"}.fouc-table td:nth-of-type(2):before{content:"Applied Behavior"}}@media only screen and (min-width: 581px) and (max-width: 850px){.main-bg .panel img{width:300px;margin-right:auto;margin-bottom:30px}.panel{-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;margin:0 30px !important}.panel.left img{margin-left:0px !important;margin-right:auto !important}.panel.right img{width:300px;margin-right:0px !important;margin-left:auto !important}.panel summary+summary{margin-right:auto !important;margin-left:0px !important}footer{padding-left:15px}}@media only screen and (min-width: 851px) and (max-width: 990px){footer .links{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;-o-justify-content:flex-start;justify-content:flex-start}footer .links .paper-button{margin-bottom:16px}footer #copyright{margin-top:-16px}}@media only screen and (min-width: 990px){#future img{width:416px;height:286px}} +.content-padding,footer>:first-child{max-width:1032px;margin:0 auto}.content-padding,footer>:first-child{max-width:1032px;margin:0 auto}.meta{font-size:12px;font-weight:normal;line-height:20px}.secondary{font-size:14px;font-weight:normal;line-height:20px}body{font-size:16px;font-family:"RobotoDraft",Helvetica,Arial,sans-serif;font-weight:300;line-height:24px}button{font-size:12px;font-weight:normal;text-transform:uppercase}a{font-size:inherit;color:#3367d6;text-decoration:none}a:hover{text-decoration:underline}code,pre{font-family:"Source Code Pro",Monaco,Menlo,Consolas,"Courier New",monospace}h1,h2,h3,h4,h5{font-weight:300;letter-spacing:-0.01em;line-height:48px;margin:0}h1{font-size:40px}polyfill-next-selector{content:':host h1'}::content h1{font-size:40px}h2{font-size:24px}polyfill-next-selector{content:':host h2'}::content h2{font-size:24px}h3{font-size:20px}polyfill-next-selector{content:':host h3'}::content h3{font-size:20px}h4{font-size:16px;font-weight:500}polyfill-next-selector{content:':host h4'}::content h4{font-size:16px;font-weight:500}h5{font-size:12px;font-weight:500}polyfill-next-selector{content:':host h5'}::content h5{font-size:12px;font-weight:500}.start{color:#536dfe}.elements{color:#7986cb}.guide{color:#ff4080}.main-bg{background-color:#eee !important}.main-purple{background-color:#1f2036}.main-purple paper-button{background:#262742 !important;color:white;fill:currentcolor}.main-purple paper-button:hover{background:#3a3b56 !important}code,pre{color:#9f499b;font-family:"Source Code Pro",Monaco,Menlo,Consolas,"Courier New",monospace}pre,.prettyprint{background-color:#fafafa;padding:16px;margin:30px 0}pre .typ,pre .inline,.prettyprint .typ,.prettyprint .inline{color:#6b499f}pre .pun,.prettyprint .pun{color:#5c6bc0}pre .str,pre .string,.prettyprint .str,.prettyprint .string{color:#ff4081}pre .pln,.prettyprint .pln{color:#7986cb}pre .kwd,.prettyprint .kwd{color:#d61a7f}pre .atn,pre .attribute-name,.prettyprint .atn,.prettyprint .attribute-name{color:#6b499f}pre .atv,pre .attribute-value,.prettyprint .atv,.prettyprint .attribute-value{color:#7986cb}pre .com,pre .comment,.prettyprint .com,.prettyprint .comment{color:#8a8a8a}.polymer-status-badge{height:20px;background-color:rgba(0,0,0,0.26);text-transform:uppercase;border-radius:2px;font-size:11px;padding:10px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;line-height:1;color:#fff;box-sizing:border-box;margin:0 24px}.material-purple{background-color:#3e50b4}.material-purple-light{background-color:#c4c9e8}.material-orange{background-color:#ff5621}.material-orange-light{background-color:#ffcbbb}.material-pink{background-color:#e81d62}.material-pink-light{background-color:#f7bacf}.material-yellow{background-color:#f3b300}.material-yellow-light{background-color:#fbe7b1}.material-green{background-color:#00bea4}.material-green-light{background-color:#a6ffea}.material-teal{background-color:#00bbd3}.material-teal-light{background-color:#b1eaf1}.material-blue{background-color:#4184f3}.material-blue-light{background-color:#c5d9fb}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}img{border:0}summary{display:block}h2:target:before,h3:target:before,h4:target:before,h5:target:before{display:block;content:" ";margin-top:-70px;height:90px;visibility:hidden}html,body{margin:0;padding:0;height:100%}body{color:#444}body.noscroll{overflow:hidden}body.hide-on-hash .hide-on-hash{display:none}img{max-width:100%}pre,code{white-space:pre;word-wrap:normal;overflow-x:auto}pre b,pre strong,code b,code strong{font-weight:700}a code{color:currentcolor}ul li::before,ol li::before{content:'·';color:#999;margin-left:-15px;position:absolute;font-weight:bold}ul ul,ol ul{margin-left:30px}ol li::before{content:''}ul{list-style:none}table.table{width:100%}table.first-col-nowrap tr td:first-of-type{white-space:nowrap}table td{padding:0;margin:0;vertical-align:top;padding:12px 12px 12px 0}table th{text-transform:uppercase;font-size:14px;text-align:left;padding-right:40px;border-bottom:1px solid #eee;font-weight:500;line-height:48px}b,strong{font-weight:500}hr{border:none;border-bottom:1px solid #eee}dl dt{font-weight:500}dl.horizontal dt{float:left;width:160px}blockquote{padding:0 0 0 15px;margin:0 0 20px;border-left:5px solid #eee}summary{outline:none}.error{border:3px solid red;background-color:rgba(255,0,0,0.3);padding:5px}.alert{color:#999;border:1px solid #eee;font-size:14px;padding:10px 15px}.alert b,.alert strong{margin-right:5px}.alert.alert-success b,.alert.alert-success strong{color:green}.alert.alert-info b,.alert.alert-info strong{color:#3367d6}.alert.alert-error{border-color:#ff4120;fill:#ff4120}.alert.alert-error b,.alert.alert-error strong{color:#ff4120}p:empty{display:none}a[disabled]{pointer-events:none;color:#ccc}.content-padding,footer>:first-child{max-width:1032px;margin:0 auto}paper-button{color:#666;font-size:14px;white-space:nowrap}paper-button>core-icon{margin-right:4px}paper-button[raised]{background:#fafafa}paper-button:hover,paper-button.active{text-decoration:none;background:#fff;box-shadow:0px 4px 10px 0 rgba(0,0,0,0.1),0px 2px 10px 0px rgba(0,0,0,0.1)}.paper-button[sink]{color:inherit;padding:7px 10px;transition:none}.paper-button[sink]:hover,.paper-button[sink].active{background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjA4Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(5%, rgba(0,0,0,0)),color-stop(40%, rgba(0,0,0,0.08)));background:-moz-linear-gradient(top, rgba(0,0,0,0) 5%,rgba(0,0,0,0.08) 40%);background:-webkit-linear-gradient(top, rgba(0,0,0,0) 5%,rgba(0,0,0,0.08) 40%);background:linear-gradient(to bottom, rgba(0,0,0,0) 5%,rgba(0,0,0,0.08) 40%);box-shadow:0 1px 1px rgba(0,0,0,0.2) inset,0 -1px 1px rgba(0,0,0,0.1) inset,0 1px 0px rgba(0,0,0,0.2) inset}app-bar a{text-decoration:none !important}app-bar .paper-button{font-size:14px;letter-spacing:normal;margin:5px}.bar{padding:16px !important;height:80px}.bar a{text-decoration:none}.sticky{position:fixed !important;top:0;width:100%}.onlyonmobile{display:none}footer{position:relative;background-color:#fafafa;padding:100px 0;padding-left:64px}footer .links{margin-bottom:56px}footer paper-button{margin-right:30px;opacity:0.6;color:black}footer #copyright{color:#b3b3b3;font-size:14px}footer #copyright a{color:#666666}#content-container .article{margin-bottom:2em}#content-container h2{margin-top:20px}#content-container h3{margin-top:15px}#content-container h4{margin-top:10px}#content-container scroll-area article header{margin-bottom:24px}@media only screen and (min-width: 990px){app-drawer[unresolved]{position:fixed;display:block;height:100%;width:265px;background-color:#eee}docs-menu{-webkit-transition:opacity 300ms ease-in;transition:opacity 300ms ease-in}docs-menu[unresolved]{opacity:0;visibility:hidden}scroll-area[sidebar]{display:block;padding-left:265px}scroll-area[sidebar] site-banner{height:286px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-align:flex-end;-webkit-align-items:flex-end;-moz-align-items:flex-end;-ms-align-items:flex-end;-o-align-items:flex-end;align-items:flex-end}scroll-area[sidebar] site-banner[unresolved]{background-color:#1f2036}scroll-area[sidebar] site-banner[unresolved] app-bar,scroll-area[sidebar] site-banner[unresolved] header{opacity:0;visibility:hidden}scroll-area[sidebar] site-banner header,scroll-area[sidebar] site-banner app-bar{-webkit-transition:opacity 300ms ease-in;transition:opacity 300ms ease-in}scroll-area[sidebar] site-banner :host([type="guide"]){background-color:#ff4080 !important}scroll-area[sidebar] site-banner :host([type="elements"]){background-color:#7986cb !important}scroll-area[sidebar] site-banner :host([type="start"]){background-color:#536dfe !important}scroll-area[sidebar] article{padding:24px 64px;max-width:912px;min-height:300px;overflow:hidden}dropdown-panel{display:none}}@media only screen and (max-width: 850px){scroll-area[sidebar]{padding-left:0 !important}scroll-area[unresolved] site-banner{height:60px;overflow:hidden}scroll-area[unresolved] app-bar{display:none}scroll-area[unresolved] header{display:none}scroll-area[unresolved] article{padding-left:15px;padding-right:15px}}#sidebar #sidebar-content{height:100%}#sidebar #logo-container{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;height:80px;padding-left:24px}.edit-on-github{float:right}.edit-on-github+*{clear:both}.permalink{display:none;margin-left:5px;vertical-align:top}.has-permalink:hover .permalink{display:initial}.no-permalink .permalink{display:none !important}.forversion{float:right;color:#ccc;font-style:italic}.article .byline{font-size:smaller;color:#ccc}.author{margin-bottom:20px}.author>p{display:inline-block;margin:0}.author>p:first-of-type{vertical-align:top}.author img{border-radius:7px;margin-right:5px;height:40px;width:40px}#toc summary{font-size:16px;font-weight:500;cursor:pointer}.video iframe{width:853px;max-width:100%;height:480px}.yt-embed{width:100%;max-width:576px}.content-padding,footer>:first-child{max-width:1032px;margin:0 auto}#dropdown-toggle{display:none;margin-top:-5px;opacity:0.3;fill:black;height:35px;width:35px}dropdown-panel{position:absolute;top:75px;left:15px;width:240px;z-index:1000}@media only screen and (max-width: 580px){.onlyonmobile{display:block !important}.bar{height:60px}.panel{margin:0 30px !important;padding:56px 0 40px 0 !important}.panel>img{margin-bottom:50px;width:200px;margin-right:auto !important;margin-left:0px !important}.panel summary+summary{margin-right:auto !important;margin-left:0px !important}.panel summary p{margin:10px 0 !important}.paper-button{margin:15px 0}#architecture .box{margin-bottom:25px}.edit-on-github{display:none}footer{padding:15px}footer .links{-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-webkit-box-align:flex-start !important;-webkit-align-items:flex-start !important;-moz-align-items:flex-start !important;-ms-align-items:flex-start !important;-o-align-items:flex-start !important;align-items:flex-start !important}}@media only screen and (max-width: 850px){#dropdown-toggle{display:inline-block}#architecture .panel p{margin-bottom:10px}#architecture .panel .paper-button{margin:0 0 40px}.responsive-table,.responsive-table thead,.responsive-table tbody,.responsive-table th,.responsive-table td,.responsive-table tr{display:block}.responsive-table th{position:absolute;top:-9999px;left:-9999px}.responsive-table td{position:relative;padding-left:40%}.responsive-table td:before{position:absolute;left:0;width:35%;padding-right:10px;text-transform:uppercase;font-size:14px;font-weight:500}.responsive-table tr td:last-child{border-bottom:1px solid #eee}.expressions-table td:nth-of-type(1):before{content:"Feature"}.expressions-table td:nth-of-type(2):before{content:"Example"}.expressions-table td:nth-of-type(3):before{content:"Explanation"}.attributes-table td:nth-of-type(1):before{content:"Attribute"}.attributes-table td:nth-of-type(2):before{content:"Required?"}.attributes-table td:nth-of-type(3):before{content:"Description"}.lifecycle-table td:nth-of-type(1):before{content:"Spec"}.lifecycle-table td:nth-of-type(2):before{content:"Polymer"}.lifecycle-table td:nth-of-type(3):before{content:"Called When"}.fouc-table td:nth-of-type(1):before{content:"Class Name"}.fouc-table td:nth-of-type(2):before{content:"Applied Behavior"}}@media only screen and (min-width: 581px) and (max-width: 850px){.main-bg .panel img{width:300px;margin-right:auto;margin-bottom:30px}.panel{-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;margin:0 30px !important}.panel.left img{margin-left:0px !important;margin-right:auto !important}.panel.right img{width:300px;margin-right:0px !important;margin-left:auto !important}.panel summary+summary{margin-right:auto !important;margin-left:0px !important}footer{padding-left:15px}}@media only screen and (min-width: 851px) and (max-width: 990px){footer .links{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;-o-justify-content:flex-start;justify-content:flex-start}footer .links .paper-button{margin-bottom:16px}footer #copyright{margin-top:-16px}}@media only screen and (min-width: 990px){#future img{width:416px;height:286px}} diff --git a/elements/app-bar.html b/elements/app-bar.html index 0fb5795f8f..deb3e1f0f6 100644 --- a/elements/app-bar.html +++ b/elements/app-bar.html @@ -19,7 +19,7 @@ - {{badge}} + {{badge}} -

Topeka

+

Topeka

A fun quiz app built using material-design based paper-elements

@@ -139,7 +137,7 @@ title: Welcome -

Paper Elements

+

Paper Elements

A sampler showcasing Polymer elements based on material design

@@ -153,7 +151,7 @@ title: Welcome -

Calculator

+

Calculator

A calculator app mockup highlighting material ink effects

diff --git a/sass/elements/app-bar.scss b/sass/elements/app-bar.scss index 49512c3d38..7c50868439 100644 --- a/sass/elements/app-bar.scss +++ b/sass/elements/app-bar.scss @@ -23,27 +23,15 @@ // background: inherit; font-size: 14px; color: #000; - fill: currentcolor; } :host([theme="light"]) { color: inherit; } -:host-context(site-banner[navgroup="start"], site-banner[type="start"], site-banner[navgroup="resources"]) ::content .active, -:host-context(site-banner[navgroup="start"], site-banner[type="start"], site-banner[navgroup="resources"]) ::content .paper-button:hover { - box-shadow: 0 1px 1px rgba(0, 0, 0, 1) inset, 0 -1px 1px rgba(0, 0, 0, 1) inset, 0 2px 0px rgba(0, 0, 0, 1) inset; - @include background(linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 40%)); -} - -// The above is prefixed with the element name. -polyfill-unscoped-rule { - content: 'site-banner[navgroup="start"] app-bar .active, site-banner[type="start"] app-bar .active, site-banner[navgroup="resources"] app-bar .active, site-banner[navgroup="start"] app-bar .paper-button:hover, site-banner[type="start"] app-bar .paper-button:hover, site-banner[navgroup="resources"] app-bar .paper-button:hover'; - box-shadow: 0 1px 1px rgba(0, 0, 0, 1) inset, 0 -1px 1px rgba(0, 0, 0, 1) inset, 0 2px 0px rgba(0, 0, 0, 1) inset !important; - background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 40%) !important; - background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 40%) !important; - background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 40%) !important; - background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 40%) !important; +:host(:not([theme="light"]).search-on) { + border-bottom: 1px solid rgba(0, 0, 0, 0.14902); + box-shadow: rgb(204, 204, 204) 0px 1px 5px; } :host(.search-on) { @@ -52,11 +40,6 @@ polyfill-unscoped-rule { z-index: 1001; } -:host([theme="dark"].search-on) { - border-bottom: 1px solid rgba(0, 0, 0, 0.14902); - box-shadow: rgb(204, 204, 204) 0px 1px 5px; -} - :host(.fixed) { position: fixed; } diff --git a/sass/polymer.scss b/sass/polymer.scss index 74de622826..05e058e192 100644 --- a/sass/polymer.scss +++ b/sass/polymer.scss @@ -112,4 +112,6 @@ pre, .prettyprint { @include align-items(center); line-height: 1; color: #fff; + box-sizing: border-box; + margin: 0 24px; } diff --git a/sass/site2.scss b/sass/site2.scss index eb2cba6b8e..ef746e990e 100644 --- a/sass/site2.scss +++ b/sass/site2.scss @@ -232,9 +232,6 @@ app-bar { letter-spacing: normal; margin: 5px; } - .polymer-status-badge { - margin: 0 24px; - } } .bar {