google
/
material-design-lite
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Bump builds.

master
Brian Hall 2015-03-24 10:47:07 +01:00
parent 683037dfa1
commit e063d992e4
8 changed files with 120 additions and 115 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

108
css/material.css
View File

@ -8326,45 +8326,42 @@ dt {
.wsk-layout__drawer-button {
display: block;
position: relative;
height: 32px;
width: 32px;
position: absolute;
height: 48px;
width: 48px;
border: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
overflow: hidden;
text-align: center;
cursor: pointer;
font-size: 26px;
line-height: 32px;
line-height: 50px;
font-family: Helvetica, Arial, sans-serif;
margin: 8px;
color: rgba(0, 0, 0, 0.5);
z-index: 3; }
margin: 8px 12px;
top: 0;
left: 0;
color: rgb(255,255,255);
z-index: 4; }
.wsk-layout__drawer-button::after {
font-family: 'Material-Design-Iconic-Font';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f2a1"; }
.wsk-layout--overlay-drawer-button > .wsk-layout__drawer-button {
position: absolute;
top: 0;
left: 0; }
.wsk-layout__header .wsk-layout__drawer-button {
position: absolute;
left: 24px;
top: 16px;
height: 32px;
margin: 0;
width: 32px;
color: rgb(255,255,255);
background-color: inherit;
z-index: 5; }
background-color: inherit; }
@media screen and (max-width: 850px) {
.wsk-layout__header .wsk-layout__drawer-button {
left: 16px;
top: 12px; } }
@media screen and (min-width: 851px) {
margin: 4px; } }
@media screen and (max-width: 850px) {
.wsk-layout__drawer-button {
margin: 4px;
color: rgba(0, 0, 0, 0.5); } }
@media screen and (min-width: 851px) {
.wsk-layout--fixed-drawer > .wsk-layout__drawer-button {
display: none; } }
.wsk-layout__header {
@ -8398,25 +8395,31 @@ dt {
box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
-webkit-transition-property: min-height, box-shadow;
transition-property: min-height, box-shadow;
padding-left: 80px;
padding-left: 24px;
overflow: hidden; }
.wsk-layout.has-drawer .wsk-layout__header {
padding-left: 72px; }
@media screen and (max-width: 850px) {
.wsk-layout__header {
height: 56px;
min-height: 56px;
padding-left: 72px; } }
padding-left: 16px; }
.wsk-layout.has-drawer .wsk-layout__header {
padding-left: 56px; } }
.wsk-layout--fixed-drawer:not(.is-small-screen) > .wsk-layout__header {
padding-left: 24px; }
.wsk-layout__header > .wsk-layout-icon {
position: absolute;
margin-right: 24px;
left: 24px;
top: 16px;
height: 32px;
width: 32px;
overflow: hidden;
z-index: 3; }
z-index: 3;
display: block; }
@media screen and (max-width: 850px) {
.wsk-layout__header > .wsk-layout-icon {
margin-right: 16px;
left: 16px;
top: 12px; } }
.wsk-layout__header.is-compact {
@ -8536,13 +8539,11 @@ dt {
.wsk-layout__header-row.wsk-layout__header-row {
min-height: 56px; } }
.wsk-layout__header-row.wsk-layout__header-row > .wsk-layout-icon {
position: absolute;
left: 24px;
top: 16px;
margin-right: 24px;
height: 32px;
width: 32px;
overflow: hidden;
z-index: 3; }
display: block; }
@media screen and (max-width: 850px) {
.wsk-layout__header-row.wsk-layout__header-row > .wsk-layout-icon {
left: 16px;
@ -8559,25 +8560,24 @@ dt {
.wsk-layout__header-row.wsk-layout__header-row > .wsk-navigation:last-child {
margin-right: 0; }
@media screen and (max-width: 850px) {
.wsk-layout__obfuscator {
background-color: transparent;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 4;
visibility: hidden;
-webkit-transition-property: background-color;
transition-property: background-color;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.wsk-layout__drawer.is-visible ~ .wsk-layout__obfuscator {
background-color: rgba(0, 0, 0, 0.5);
visibility: visible; } }
.wsk-layout__obfuscator {
background-color: transparent;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 4;
visibility: hidden;
-webkit-transition-property: background-color;
transition-property: background-color;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.wsk-layout__drawer.is-visible ~ .wsk-layout__obfuscator {
background-color: rgba(0, 0, 0, 0.5);
visibility: visible; }
.wsk-layout__content {
-ms-flex: 0 1 auto;
@ -8605,8 +8605,8 @@ dt {
top: 0;
height: 96px;
width: calc(100% -
112px);
padding: 0 0 0 56px;
96px);
padding: 0 0 0 72px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -8619,8 +8619,8 @@ dt {
@media screen and (max-width: 850px) {
.wsk-layout__tab-bar {
width: calc(100% -
60px);
padding: 0 0 0 60px; } }
44px);
padding: 0 0 0 56px; } }
.wsk-layout--fixed-tabs .wsk-layout__tab-bar {
padding: 0;
overflow: hidden;
@ -8654,7 +8654,7 @@ dt {
position: absolute;
height: 48px;
line-height: 48px;
width: 56px;
width: 72px;
z-index: 4;
text-align: center;
background-color: rgb(63,81,181);
@ -8667,7 +8667,7 @@ dt {
@media screen and (max-width: 850px) {
.wsk-layout__tab-bar-button {
display: none;
width: 60px; } }
width: 44px; } }
.wsk-layout--fixed-tabs .wsk-layout__tab-bar-button {
display: none; }
.wsk-layout__tab-bar-button.is-active {

108
css/material.css.template
View File

@ -8327,45 +8327,42 @@ dt {
.wsk-layout__drawer-button {
display: block;
position: relative;
height: 32px;
width: 32px;
position: absolute;
height: 48px;
width: 48px;
border: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
overflow: hidden;
text-align: center;
cursor: pointer;
font-size: 26px;
line-height: 32px;
line-height: 50px;
font-family: Helvetica, Arial, sans-serif;
margin: 8px;
color: rgba(0, 0, 0, 0.5);
z-index: 3; }
margin: 8px 12px;
top: 0;
left: 0;
color: rgb($color-primary-contrast);
z-index: 4; }
.wsk-layout__drawer-button::after {
font-family: 'Material-Design-Iconic-Font';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f2a1"; }
.wsk-layout--overlay-drawer-button > .wsk-layout__drawer-button {
position: absolute;
top: 0;
left: 0; }
.wsk-layout__header .wsk-layout__drawer-button {
position: absolute;
left: 24px;
top: 16px;
height: 32px;
margin: 0;
width: 32px;
color: rgb($color-primary-contrast);
background-color: inherit;
z-index: 5; }
background-color: inherit; }
@media screen and (max-width: 850px) {
.wsk-layout__header .wsk-layout__drawer-button {
left: 16px;
top: 12px; } }
@media screen and (min-width: 851px) {
margin: 4px; } }
@media screen and (max-width: 850px) {
.wsk-layout__drawer-button {
margin: 4px;
color: rgba(0, 0, 0, 0.5); } }
@media screen and (min-width: 851px) {
.wsk-layout--fixed-drawer > .wsk-layout__drawer-button {
display: none; } }
.wsk-layout__header {
@ -8399,25 +8396,31 @@ dt {
box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
-webkit-transition-property: min-height, box-shadow;
transition-property: min-height, box-shadow;
padding-left: 80px;
padding-left: 24px;
overflow: hidden; }
.wsk-layout.has-drawer .wsk-layout__header {
padding-left: 72px; }
@media screen and (max-width: 850px) {
.wsk-layout__header {
height: 56px;
min-height: 56px;
padding-left: 72px; } }
padding-left: 16px; }
.wsk-layout.has-drawer .wsk-layout__header {
padding-left: 56px; } }
.wsk-layout--fixed-drawer:not(.is-small-screen) > .wsk-layout__header {
padding-left: 24px; }
.wsk-layout__header > .wsk-layout-icon {
position: absolute;
margin-right: 24px;
left: 24px;
top: 16px;
height: 32px;
width: 32px;
overflow: hidden;
z-index: 3; }
z-index: 3;
display: block; }
@media screen and (max-width: 850px) {
.wsk-layout__header > .wsk-layout-icon {
margin-right: 16px;
left: 16px;
top: 12px; } }
.wsk-layout__header.is-compact {
@ -8537,13 +8540,11 @@ dt {
.wsk-layout__header-row.wsk-layout__header-row {
min-height: 56px; } }
.wsk-layout__header-row.wsk-layout__header-row > .wsk-layout-icon {
position: absolute;
left: 24px;
top: 16px;
margin-right: 24px;
height: 32px;
width: 32px;
overflow: hidden;
z-index: 3; }
display: block; }
@media screen and (max-width: 850px) {
.wsk-layout__header-row.wsk-layout__header-row > .wsk-layout-icon {
left: 16px;
@ -8560,25 +8561,24 @@ dt {
.wsk-layout__header-row.wsk-layout__header-row > .wsk-navigation:last-child {
margin-right: 0; }
@media screen and (max-width: 850px) {
.wsk-layout__obfuscator {
background-color: transparent;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 4;
visibility: hidden;
-webkit-transition-property: background-color;
transition-property: background-color;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.wsk-layout__drawer.is-visible ~ .wsk-layout__obfuscator {
background-color: rgba(0, 0, 0, 0.5);
visibility: visible; } }
.wsk-layout__obfuscator {
background-color: transparent;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 4;
visibility: hidden;
-webkit-transition-property: background-color;
transition-property: background-color;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.wsk-layout__drawer.is-visible ~ .wsk-layout__obfuscator {
background-color: rgba(0, 0, 0, 0.5);
visibility: visible; }
.wsk-layout__content {
-ms-flex: 0 1 auto;
@ -8606,8 +8606,8 @@ dt {
top: 0;
height: 96px;
width: calc(100% -
112px);
padding: 0 0 0 56px;
96px);
padding: 0 0 0 72px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -8620,8 +8620,8 @@ dt {
@media screen and (max-width: 850px) {
.wsk-layout__tab-bar {
width: calc(100% -
60px);
padding: 0 0 0 60px; } }
44px);
padding: 0 0 0 56px; } }
.wsk-layout--fixed-tabs .wsk-layout__tab-bar {
padding: 0;
overflow: hidden;
@ -8655,7 +8655,7 @@ dt {
position: absolute;
height: 48px;
line-height: 48px;
width: 56px;
width: 72px;
z-index: 4;
text-align: center;
background-color: rgb($color-primary);
@ -8668,7 +8668,7 @@ dt {
@media screen and (max-width: 850px) {
.wsk-layout__tab-bar-button {
display: none;
width: 60px; } }
width: 44px; } }
.wsk-layout--fixed-tabs .wsk-layout__tab-bar-button {
display: none; }
.wsk-layout__tab-bar-button.is-active {

2
css/material.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
css/material.min.css.map
View File

File diff suppressed because one or more lines are too long

2
css/material.min.css.template
View File

File diff suppressed because one or more lines are too long

9
js/material.js
View File

@ -2379,6 +2379,7 @@ MaterialLayout.prototype.CssClasses_ = {
TAB_BAR_RIGHT_BUTTON: 'wsk-layout__tab-bar-right-button',
PANEL: 'wsk-layout__tab-panel',
HAS_DRAWER_CLASS: 'has-drawer',
SHADOW_CLASS: 'is-casting-shadow',
COMPACT_CLASS: 'is-compact',
SMALL_SCREEN_CLASS: 'is-small-screen',
@ -2412,8 +2413,7 @@ MaterialLayout.prototype.screenSizeHandler_ = function() {
if (this.screenSizeMediaQuery_.matches) {
this.element_.classList.add(this.CssClasses_.SMALL_SCREEN_CLASS);
}
else {
} else {
this.element_.classList.remove(this.CssClasses_.SMALL_SCREEN_CLASS);
// Collapse drawer (if any) when moving to a large screen size.
if (this.drawer_) {
@ -2521,6 +2521,11 @@ MaterialLayout.prototype.init = function() {
drawerButton.addEventListener('click',
this.drawerToggleHandler_.bind(this));
// Add a class if the layout has a drawer, for altering the left padding.
// Adds the HAS_DRAWER_CLASS to the elements since this.header_ may or may
// not be present.
this.element_.classList.add(this.CssClasses_.HAS_DRAWER_CLASS);
// If we have a fixed header, add the button to the header rather than
// the layout.
if (this.element_.classList.contains(this.CssClasses_.FIXED_HEADER)) {

2
js/material.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
js/material.min.js.map
View File

File diff suppressed because one or more lines are too long