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

autoprefixr back on for app. it had something to say about our current css files.

master
Stephen Sawchuk 2014-06-18 20:12:36 -04:00
parent 5e090e5849
commit 67ea6e1a61
3 changed files with 3 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
app/styles/components/components.css
View File

@ -185,7 +185,6 @@ figure {
* Address differences between Firefox and other browsers.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
@ -326,8 +325,6 @@ input[type="number"]::-webkit-outer-spin-button {
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
/* 2 */
box-sizing: content-box;
}
@ -395,8 +392,6 @@ blockquote {
*
**/
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
@ -425,14 +420,7 @@ body:after {
width: 100%;
z-index: 9;
display: none;
background-image: -moz-linear-gradient(top, transparent 95%, rgba(0, 0, 0, 0.15) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(95%, transparent), color-stop(100%, rgba(0, 0, 0, 0.15)));
background-image: -webkit-linear-gradient(top, transparent 95%, rgba(0, 0, 0, 0.15) 100%);
background-image: -o-linear-gradient(top, transparent 95%, rgba(0, 0, 0, 0.15) 100%);
background-image: -ms-linear-gradient(top, transparent 95%, rgba(0, 0, 0, 0.15) 100%);
background-image: linear-gradient(top, rgba(0, 0, 0, 0.15) 95%, rgba(0, 0, 0, 0.15) 100%);
-webkit-background-size: 100% 26px;
-moz-background-size: 100% 26px;
-ms-background-size: 100% 26px;
background-size: 100% 26px;
}
@ -447,8 +435,6 @@ pre {
}
.main-container {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
position: relative;
@ -473,8 +459,6 @@ pre {
}
.container {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
position: relative;
@ -500,8 +484,6 @@ pre {
@media only screen and (min-width: 620px) {
.container-medium {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
position: relative;
@ -528,8 +510,6 @@ pre {
@media only screen and (max-width: 619px) {
.container-small {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
position: relative;
@ -710,8 +690,6 @@ pre {
}
.highlight-module__container {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
padding-left: 5%;
@ -1061,8 +1039,6 @@ pre {
padding-bottom: 78px;
color: #ffffff;
margin-bottom: 26px;
-webkit-box-shadow: inset 0 2px 0 0 white;
-moz-box-shadow: inset 0 2px 0 0 white;
-ms-box-shadow: inset 0 2px 0 0 white;
box-shadow: inset 0 2px 0 0 white;
}
@ -1800,8 +1776,6 @@ pre {
pointer-events: none;
}
.debug .grid-overlay {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
position: relative;
@ -2004,9 +1978,6 @@ li > p {
font-weight: 600;
text-decoration: none;
outline: 0;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
transition: none;
}
.button:hover, .button--primary:hover, .button--secondary:hover, .button--secondary-variation:hover {
@ -2719,7 +2690,6 @@ object {
}
@media only screen and (min-width: 620px) {
.guides-list {
display: -moz-box;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
@ -2738,7 +2708,6 @@ object {
}
@media only screen and (min-width: 620px) {
.guides-list__item {
display: -moz-box;
display: -webkit-flex;
display: flex;
flex-direction: column;

13
app/styles/main.css
View File

@ -35,13 +35,11 @@ body {
}
.app-bar-container {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: 100%;
height: 60px;
position: relative;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
margin: 0 auto;
@ -54,7 +52,6 @@ body {
}
.app-bar .logo {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
font-size: 2em;
@ -76,10 +73,8 @@ body {
}
.app-bar-actions {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
z-index: 2;
@ -92,7 +87,6 @@ body {
background-color: transparent;
border: none;
padding: 0;
-webkit-transition: background-color 0.2s ease-out;
transition: background-color 0.2s ease-out;
-webkit-tap-highlight-color: transparent;
@ -158,7 +152,7 @@ button.menu img {
}
.app-bar, .navdrawer-container, main {
-webkit-transition: -webkit-transform 0.3s ease-out;
transition: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
@ -184,7 +178,6 @@ button.menu img {
display: block;
text-decoration: none;
color: white;
-webkit-transition: background-color 0.2s ease-out;
transition: background-color 0.2s ease-out;
}
@ -270,7 +263,6 @@ main {
margin-top: 130px;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: none;
transition: none;
}
@ -279,12 +271,10 @@ main {
}
.navdrawer-container ul {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
max-width: 864px;
margin: 0 auto;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
}
@ -331,6 +321,7 @@ main {
}
.navdrawer-container li {
-webkit-flex: 1;
flex: 1;
text-align: center;
}

2
gulpfile.js
View File

@ -36,7 +36,7 @@ function styles(destination) {
precision: 10,
loadPath: ['app/styles', 'app/styles/components']
})))
.pipe($.if(destination === 'dist', $.autoprefixer('last 1 version')))
.pipe($.autoprefixer('last 1 version'))
.pipe(gulp.dest(destination + '/styles'))
.pipe($.if('*.css', reload({stream: true})))
.pipe($.size({title: 'styles'}));