Update Gruntfile.js with new pure prefix and re-import Normalize.css

This commit is contained in:
Eric Ferraiuolo 2013-05-16 13:34:29 -04:00
parent 681ca1a93e
commit cb7ced1e6b
2 changed files with 101 additions and 100 deletions

View File

@ -210,7 +210,7 @@ grunt.initConfig({
dest: 'src/base/css/normalize-context.css', dest: 'src/base/css/normalize-context.css',
options: { options: {
prefix: '.k', prefix: '.pure',
banner: '/* <%= BUILD_COMMENT %> */\n' banner: '/* <%= BUILD_COMMENT %> */\n'
} }
} }
@ -306,14 +306,15 @@ grunt.registerMultiTask('contextualize', 'Makes Contextualized CSS files.', func
var nextSelector = event.selectors[i + 1]; var nextSelector = event.selectors[i + 1];
// If the selector does not contain the html selector, we // If the selector does not contain the html selector, we
// can go ahead and prepend .k in front of it. // can go ahead and prepend `prefix` in front of it.
if (selector.text.indexOf('html') === -1) { if (selector.text.indexOf('html') === -1) {
contextual += prefix + ' ' + selector.text; contextual += prefix + ' ' + selector.text;
} else if (selector.text.indexOf('html') !== -1) { } else if (selector.text.indexOf('html') !== -1) {
// If it contains `html`, replace the `html` with `.k`. // If it contains `html`, replace the `html` with the
// Replace multiple spaces with a single space. This is // `prefix`. Replace multiple spaces with a single
// for the case where `html input[type='button']` comes // space. This is for the case where
// through as `html input[type='button']`. // `html input[type='button']` comes through as
// `html input[type='button']`.
contextual += selector.text.replace('html', prefix).replace(/ +/g, ' '); contextual += selector.text.replace('html', prefix).replace(/ +/g, ' ');
} }

View File

@ -1,235 +1,235 @@
/* THIS FILE IS GENERATED BY A BUILD SCRIPT - DO NOT EDIT! */ /* THIS FILE IS GENERATED BY A BUILD SCRIPT - DO NOT EDIT! */
.k article, .pure article,
.k aside, .pure aside,
.k details, .pure details,
.k figcaption, .pure figcaption,
.k figure, .pure figure,
.k footer, .pure footer,
.k header, .pure header,
.k hgroup, .pure hgroup,
.k main, .pure main,
.k nav, .pure nav,
.k section, .pure section,
.k summary { .pure summary {
display: block; display: block;
} }
.k audio, .pure audio,
.k canvas, .pure canvas,
.k video { .pure video {
display: inline-block; display: inline-block;
} }
.k audio:not([controls]) { .pure audio:not([controls]) {
display: none; display: none;
height: 0; height: 0;
} }
.k [hidden] { .pure [hidden] {
display: none; display: none;
} }
.k { .pure {
background: #fff; background: #fff;
color: #000; color: #000;
font-size: 100%; font-size: 100%;
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
} }
.k, .pure,
.k button, .pure button,
.k input, .pure input,
.k select, .pure select,
.k textarea { .pure textarea {
font-family: sans-serif; font-family: sans-serif;
} }
.k body { .pure body {
margin: 0; margin: 0;
} }
.k a:focus { .pure a:focus {
outline: thin dotted; outline: thin dotted;
} }
.k a:active, .pure a:active,
.k a:hover { .pure a:hover {
outline: 0; outline: 0;
} }
.k h1 { .pure h1 {
font-size: 2em; font-size: 2em;
margin: 0.67em 0; margin: 0.67em 0;
} }
.k h2 { .pure h2 {
font-size: 1.5em; font-size: 1.5em;
margin: 0.83em 0; margin: 0.83em 0;
} }
.k h3 { .pure h3 {
font-size: 1.17em; font-size: 1.17em;
margin: 1em 0; margin: 1em 0;
} }
.k h4 { .pure h4 {
font-size: 1em; font-size: 1em;
margin: 1.33em 0; margin: 1.33em 0;
} }
.k h5 { .pure h5 {
font-size: 0.83em; font-size: 0.83em;
margin: 1.67em 0; margin: 1.67em 0;
} }
.k h6 { .pure h6 {
font-size: 0.67em; font-size: 0.67em;
margin: 2.33em 0; margin: 2.33em 0;
} }
.k abbr[title] { .pure abbr[title] {
border-bottom: 1px dotted; border-bottom: 1px dotted;
} }
.k b, .pure b,
.k strong { .pure strong {
font-weight: bold; font-weight: bold;
} }
.k blockquote { .pure blockquote {
margin: 1em 40px; margin: 1em 40px;
} }
.k dfn { .pure dfn {
font-style: italic; font-style: italic;
} }
.k hr { .pure hr {
-moz-box-sizing: content-box; -moz-box-sizing: content-box;
box-sizing: content-box; box-sizing: content-box;
height: 0; height: 0;
} }
.k mark { .pure mark {
background: #ff0; background: #ff0;
color: #000; color: #000;
} }
.k p, .pure p,
.k pre { .pure pre {
margin: 1em 0; margin: 1em 0;
} }
.k code, .pure code,
.k kbd, .pure kbd,
.k pre, .pure pre,
.k samp { .pure samp {
font-family: monospace , serif; font-family: monospace , serif;
_font-family: 'courier new' , monospace; _font-family: 'courier new' , monospace;
font-size: 1em; font-size: 1em;
} }
.k pre { .pure pre {
white-space: pre; white-space: pre;
white-space: pre-wrap; white-space: pre-wrap;
word-wrap: break-word; word-wrap: break-word;
} }
.k q { .pure q {
quotes: none; quotes: none;
} }
.k q:before, .pure q:before,
.k q:after { .pure q:after {
content: ''; content: '';
content: none; content: none;
} }
.k small { .pure small {
font-size: 80%; font-size: 80%;
} }
.k sub, .pure sub,
.k sup { .pure sup {
font-size: 75%; font-size: 75%;
line-height: 0; line-height: 0;
position: relative; position: relative;
vertical-align: baseline; vertical-align: baseline;
} }
.k sup { .pure sup {
top: -0.5em; top: -0.5em;
} }
.k sub { .pure sub {
bottom: -0.25em; bottom: -0.25em;
} }
.k dl, .pure dl,
.k menu, .pure menu,
.k ol, .pure ol,
.k ul { .pure ul {
margin: 1em 0; margin: 1em 0;
} }
.k dd { .pure dd {
margin: 0 0 0 40px; margin: 0 0 0 40px;
} }
.k menu, .pure menu,
.k ol, .pure ol,
.k ul { .pure ul {
padding: 0 0 0 40px; padding: 0 0 0 40px;
} }
.k nav ul, .pure nav ul,
.k nav ol { .pure nav ol {
list-style: none; list-style: none;
list-style-image: none; list-style-image: none;
} }
.k img { .pure img {
border: 0; border: 0;
-ms-interpolation-mode: bicubic; -ms-interpolation-mode: bicubic;
} }
.k svg:not(:root) { .pure svg:not(:root) {
overflow: hidden; overflow: hidden;
} }
.k figure { .pure figure {
margin: 0; margin: 0;
} }
.k form { .pure form {
margin: 0; margin: 0;
} }
.k fieldset { .pure fieldset {
border: 1px solid #c0c0c0; border: 1px solid #c0c0c0;
margin: 0 2px; margin: 0 2px;
padding: 0.35em 0.625em 0.75em; padding: 0.35em 0.625em 0.75em;
} }
.k legend { .pure legend {
border: 0; border: 0;
padding: 0; padding: 0;
white-space: normal; white-space: normal;
} }
.k button, .pure button,
.k input, .pure input,
.k select, .pure select,
.k textarea { .pure textarea {
font-size: 100%; font-size: 100%;
margin: 0; margin: 0;
vertical-align: baseline; vertical-align: baseline;
} }
.k button, .pure button,
.k input { .pure input {
line-height: normal; line-height: normal;
} }
.k button, .pure button,
.k select { .pure select {
text-transform: none; text-transform: none;
} }
.k button, .pure button,
.k input[type="button"], .pure input[type="button"],
.k input[type="reset"], .pure input[type="reset"],
.k input[type="submit"] { .pure input[type="submit"] {
-webkit-appearance: button; -webkit-appearance: button;
cursor: pointer; cursor: pointer;
} }
.k button[disabled], .pure button[disabled],
.k input[disabled] { .pure input[disabled] {
cursor: default; cursor: default;
} }
.k input[type="checkbox"], .pure input[type="checkbox"],
.k input[type="radio"] { .pure input[type="radio"] {
box-sizing: border-box; box-sizing: border-box;
padding: 0; padding: 0;
} }
.k input[type="search"] { .pure input[type="search"] {
-webkit-appearance: textfield; -webkit-appearance: textfield;
-moz-box-sizing: content-box; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; -webkit-box-sizing: content-box;
box-sizing: content-box; box-sizing: content-box;
} }
.k input[type="search"]::-webkit-search-cancel-button, .pure input[type="search"]::-webkit-search-cancel-button,
.k input[type="search"]::-webkit-search-decoration { .pure input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; -webkit-appearance: none;
} }
.k button::-moz-focus-inner, .pure button::-moz-focus-inner,
.k input::-moz-focus-inner { .pure input::-moz-focus-inner {
border: 0; border: 0;
padding: 0; padding: 0;
} }
.k textarea { .pure textarea {
overflow: auto; overflow: auto;
vertical-align: top; vertical-align: top;
} }
.k table { .pure table {
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; border-spacing: 0;
} }