novoland-developer-networks/OfficialSite
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Change grunt-autoprefixer for grunt-postcss

Browse Source
This commit is contained in:
Antoine Boulanger
2015-06-04 15:40:23 -04:00
parent 161529632d
commit 1fab32203f
6 changed files with 87 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@@ -2,3 +2,4 @@ node_modules/
vendor
composer.lock
www/charcoal
www/modules/boilerplate/npm-debug.log

2
www/modules/boilerplate/Gruntfile.js
View File

@@ -32,7 +32,7 @@ module.exports = function(grunt) {
'concat',
'sass',
'svgstore',
'autoprefixer',
'postcss',
'uglify',
'cssmin',
'svgmin',

104
www/modules/boilerplate/assets/styles/dist/main.css vendored
View File

@@ -24,6 +24,8 @@
========================================================================== */
/* Functions
========================================================================== */
/* Mixins
========================================================================== */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
@@ -52,14 +54,29 @@ body {
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block; }
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio, canvas, progress, video {
audio,
canvas,
progress,
video {
display: inline-block;
/* 1 */
vertical-align: baseline;
@@ -77,7 +94,8 @@ audio:not([controls]) {
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
[hidden], template {
[hidden],
template {
display: none; }
/* Links
@@ -91,7 +109,8 @@ a {
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active, a:hover {
a:active,
a:hover {
outline: 0; }
/* Text-level semantics
@@ -105,7 +124,8 @@ abbr[title] {
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b, strong {
b,
strong {
font-weight: bold; }
/**
@@ -138,7 +158,8 @@ small {
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub, sup {
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
@@ -188,7 +209,10 @@ pre {
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code, kbd, pre, samp {
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }
@@ -204,7 +228,11 @@ code, kbd, pre, samp {
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button, input, optgroup, select, textarea {
button,
input,
optgroup,
select,
textarea {
font: inherit;
/* 2 */
margin: 0;
@@ -224,7 +252,8 @@ button {
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button, select {
button,
select {
text-transform: none; }
/**
@@ -234,7 +263,9 @@ button, select {
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button, html input[type="button"], input[type="reset"], input[type="submit"] {
button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
cursor: pointer;
/* 3 */
-webkit-appearance: button;
@@ -243,13 +274,15 @@ button, html input[type="button"], input[type="reset"], input[type="submit"] {
/**
* Re-set default cursor for disabled elements.
*/
button[disabled], html input[disabled] {
button[disabled],
html input[disabled] {
cursor: default; }
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner, input::-moz-focus-inner {
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0; }
@@ -267,7 +300,8 @@ input {
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"], input[type="radio"] {
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
@@ -278,7 +312,8 @@ input[type="checkbox"], input[type="radio"] {
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; }
/**
@@ -297,7 +332,8 @@ input[type="search"] {
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
/**
@@ -340,7 +376,8 @@ table {
border-spacing: 0;
border-collapse: collapse; }
td, th {
td,
th {
padding: 0; }
/* ==========================================================================
@@ -352,7 +389,12 @@ html {
*, *:before, *:after {
box-sizing: inherit; }
audio, canvas, iframe, img, svg, video {
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle; }
button {
@@ -391,7 +433,9 @@ html {
font-family: sans-serif;
font-size: 16px;
line-height: 1.4;
color: #222222; }
color: #222222;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
::-moz-selection {
background: #3297fd;
@@ -535,6 +579,7 @@ h6, .h6, .zeta {
========================================================================== */
.radio-label:before, .radio-label:after {
border-radius: 50%; }
.radio-label:after {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20enable-background%3D%22new%200%200%2013%2013%22%20xml%3Aspace%3D%22preserve%22%3E%3Ccircle%20fill%3D%22%23424242%22%20cx%3D%226.5%22%20cy%3D%226.5%22%20r%3D%226.5%22%2F%3E%3C%2Fsvg%3E");
background-size: 8px; }
@@ -614,7 +659,8 @@ h6, .h6, .zeta {
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
@@ -628,24 +674,12 @@ h6, .h6, .zeta {
.invisible {
visibility: hidden; }
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
/**
* Contain Floats
*/
.clearfix:before, .clearfix:after {
content: " ";
/* 1 */
display: table;
/* 2 */ }
.clearfix:after {
content: "";
display: table;
clear: both; }
/* ==========================================================================

12
www/modules/boilerplate/grunt_tasks/autoprefixer.js → www/modules/boilerplate/grunt_tasks/postcss.js
View File

@@ -1,7 +1,11 @@
module.exports = {
build: {
options: {
browsers: ['last 2 versions', '> 1%', 'ie >= 8']
postcss: {
options: {
processors: [
require('autoprefixer-core')({
browsers: ['last 2 versions', '> 1%', 'ie >= 9']
}),
]
},
files: [
{
@@ -12,4 +16,4 @@ module.exports = {
}
]
}
}
}

4
www/modules/boilerplate/grunt_tasks/watch.js
View File

@@ -5,7 +5,7 @@ module.exports = {
},
sass: {
files: ['assets/styles/src/**/*.scss'],
tasks: ['sass', 'autoprefixer', 'notify:sass'],
tasks: ['sass', 'postcss', 'notify:sass'],
options: {
spawn: false,
livereload: true
@@ -21,4 +21,4 @@ module.exports = {
reload: true
}
}
}
}

11
www/modules/boilerplate/package.json
View File

@@ -7,21 +7,22 @@
"Antoine Boulanger <antoine@locomotive.ca>"
],
"devDependencies": {
"autoprefixer-core": "0.0.0",
"glob": "0.0.0",
"grunt": "0.0.0",
"grunt-autoprefixer": "0.0.0",
"grunt-browser-sync": "0.0.0",
"grunt-contrib-concat": "0.0.0",
"grunt-contrib-cssmin": "0.0.0",
"grunt-contrib-uglify": "0.0.0",
"grunt-contrib-watch": "0.0.0",
"grunt-csscomb": "0.0.0",
"grunt-jsonlint": "0.0.0",
"grunt-notify": "0.0.0",
"grunt-phplint": "0.0.0",
"grunt-postcss": "0.0.0",
"grunt-sass": "0.0.0",
"grunt-svgmin": "0.0.0",
"grunt-svgstore": "0.0.0",
"load-grunt-tasks" : "0.0.0",
"grunt-phplint": "0.0.0",
"grunt-jsonlint": "0.0.0",
"glob": "0.0.0"
"load-grunt-tasks": "0.0.0"
}
}