google/material-design-lite
1
1
Fork 0
mirror of https://github.com/google/material-design-lite.git synced 2024-09-11 12:25:38 +03:00
Code Issues Projects Releases Wiki Activity

Replace broken base64 plugin

Browse Source
This commit is contained in:
Alexander Surma 2015-05-08 03:01:05 +01:00
parent ace02d04d0
commit 8745871f14
4 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
gulpfile.js
View File

@ -100,8 +100,8 @@ gulp.task('styles:dev', ['fonts'], function () {
precision: 10,
onError: console.error.bind(console, 'Sass error:')
}))
.pipe($.base64({
extensionsAllowed: ['.svg'],
.pipe($.cssInlineImages({
webRoot: 'src'
}))
.pipe($.autoprefixer(AUTOPREFIXER_BROWSERS))
.pipe(gulp.dest('.tmp/styles'))
@ -120,8 +120,8 @@ gulp.task('styletemplates', function () {
precision: 10,
onError: console.error.bind(console, 'Sass error:')
}))
.pipe($.base64({
extensionsAllowed: ['.svg'],
.pipe($.cssInlineImages({
webRoot: 'src'
}))
.pipe($.autoprefixer(AUTOPREFIXER_BROWSERS))
.pipe(gulp.dest('.tmp'))
@ -149,8 +149,8 @@ gulp.task('styles', ['styletemplates'], function () {
precision: 10,
onError: console.error.bind(console, 'Sass error:')
}))
.pipe($.base64({
extensionsAllowed: ['.svg'],
.pipe($.cssInlineImages({
webRoot: 'src'
}))
.pipe($.autoprefixer(AUTOPREFIXER_BROWSERS))
.pipe(gulp.dest('.tmp'))
@ -312,8 +312,8 @@ gulp.task('demos', function () {
precision: 10,
onError: console.error.bind(console, 'Sass error:')
})))
.pipe($.base64({
extensionsAllowed: ['.svg'],
.pipe($.cssInlineImages({
webRoot: 'src'
}))
.pipe($.if('*.css', $.autoprefixer(AUTOPREFIXER_BROWSERS)))
.pipe(gulp.dest('dist/components'));
@ -393,8 +393,8 @@ gulp.task('templates:styles', function() {
precision: 10,
onError: console.error.bind(console, 'Sass error:')
}))
.pipe($.base64({
extensionsAllowed: ['.svg'],
.pipe($.cssInlineImages({
webRoot: 'src'
}))
.pipe($.autoprefixer(AUTOPREFIXER_BROWSERS))
.pipe($.if('*.css', $.csso()))

2
package.json
View File

@ -20,10 +20,10 @@
"del": "^1.1.1",
"gulp": "^3.8.11",
"gulp-autoprefixer": "^2.0.0",
"gulp-base64": "^0.1.2",
"gulp-cache": "^0.2.6",
"gulp-changed": "^1.0.0",
"gulp-concat": "^2.4.1",
"gulp-css-inline-images": "^0.1.1",
"gulp-csso": "^1.0.0",
"gulp-flatten": "0.0.4",
"gulp-front-matter": "^1.2.2",

6
src/checkbox/_checkbox.scss
View File

@ -116,18 +116,18 @@
left: 0;
height: 100%;
width: 100%;
mask: url("/images/tick-mask.svg#mask");
mask: url("/images/tick-mask.svg?embed");
background: transparent;
@include material-animation-default(0.28s);
transition-property: background;
.mdl-checkbox.is-checked & {
background: $checkbox-color url("/images/tick.svg");
background: $checkbox-color url("/images/tick.svg?embed");
}
.mdl-checkbox.is-checked.is-disabled & {
background: $checkbox-disabled-color url("/images/tick.svg");
background: $checkbox-disabled-color url("/images/tick.svg?embed");
}
}

2
src/progress/_progress.scss
View File

@ -53,7 +53,7 @@
.mdl-js-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate) > .auxbar {
background-image: linear-gradient(to right, $progress-secondary-color, $progress-secondary-color),
linear-gradient(to right, $progress-main-color, $progress-main-color);
mask: url('/images/buffer.svg');
mask: url('/images/buffer.svg?embed');
}
}