diff --git a/website/_config.yml b/website/_config.yml index af17be90d..0ac024418 100644 --- a/website/_config.yml +++ b/website/_config.yml @@ -121,14 +121,12 @@ node_sass: postcss: plugins: - postcss-svg: - debug: false - paths: - - 'src/images' - defaults: "[fill]: #000000" + postcss-inline-svg: + path: 'src/images' autoprefixer: browsers: - 'last 2 versions' + cssnano: browsersync: files: 'public/examples/**/*.js' diff --git a/website/package.json b/website/package.json index f20d798f7..ba8e56783 100644 --- a/website/package.json +++ b/website/package.json @@ -7,6 +7,7 @@ }, "dependencies": { "autoprefixer": "6.3.6", + "cssnano": "3.6.2", "hexo": "3.2.0", "hexo-browsersync": "0.2.0", "hexo-deployer-git": "0.1.0", @@ -23,7 +24,7 @@ "hexo-util": "0.5.3", "js-yaml": "3.5.5", "mkdirp": "0.5.1", - "postcss-svg": "https://github.com/kvz/postcss-svg#9239b6dd4ab0dc3ef37f41c9cbc0e23d25549c7b", + "postcss-inline-svg": "1.4.0", "uuid": "2.0.1" }, "devDependencies": { @@ -40,4 +41,4 @@ "remark": "4.2.0", "watchify": "3.7.0" } -} \ No newline at end of file +} diff --git a/website/src/images/check.svg b/website/src/images/check.svg index e73bfd3e7..adfa42091 100644 --- a/website/src/images/check.svg +++ b/website/src/images/check.svg @@ -1,10 +1,6 @@ - - - - - - - - - \ No newline at end of file + + + + + diff --git a/website/themes/uppy/layout/stats.ejs b/website/themes/uppy/layout/stats.ejs index 42122dec9..0c266c9ef 100644 --- a/website/themes/uppy/layout/stats.ejs +++ b/website/themes/uppy/layout/stats.ejs @@ -68,7 +68,5 @@ ! - <%- partial('partials/social') %> - diff --git a/website/themes/uppy/source/css/_common.scss b/website/themes/uppy/source/css/_common.scss index dca93ee7a..73022c97e 100644 --- a/website/themes/uppy/source/css/_common.scss +++ b/website/themes/uppy/source/css/_common.scss @@ -258,7 +258,7 @@ a.button { height: 24px; top: 8px; left: 12px; - background: svg('burger.svg', '[fill]: #{$color-gray}') center center no-repeat; + background: svg-load('burger.svg', fill=#{$color-gray}) center center no-repeat; background-size: 22px; } @@ -288,7 +288,7 @@ a.button { border-radius: 15px; margin-right: 10px; transition: border-color .2s ease; - background: svg('search.svg', '[fill]: #{$color-gray}') 8px 5px no-repeat; + background: svg-load('search.svg', fill=#{$color-gray}) 8px 5px no-repeat; background-size: 18px; margin-bottom: 10px; diff --git a/website/themes/uppy/source/css/_index.scss b/website/themes/uppy/source/css/_index.scss index da4c7e21c..e64d69592 100644 --- a/website/themes/uppy/source/css/_index.scss +++ b/website/themes/uppy/source/css/_index.scss @@ -261,7 +261,7 @@ } li { - background: svg('check.svg', '[fill]: #{$color-white}') left 5px no-repeat; + background: svg-load('check.svg', fill=#{$color-white}) left 5px no-repeat; background-size: 24px 24px; padding-left: 40px; margin-bottom: 0.5em;