diff --git a/Gruntfile.js b/Gruntfile.js index 943b35d..4da1ff9 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -210,7 +210,7 @@ grunt.initConfig({ dest: 'src/base/css/normalize-context.css', options: { - prefix: '.k', + prefix: '.pure', banner: '/* <%= BUILD_COMMENT %> */\n' } } @@ -306,14 +306,15 @@ grunt.registerMultiTask('contextualize', 'Makes Contextualized CSS files.', func var nextSelector = event.selectors[i + 1]; // 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) { contextual += prefix + ' ' + selector.text; } else if (selector.text.indexOf('html') !== -1) { - // If it contains `html`, replace the `html` with `.k`. - // Replace multiple spaces with a single space. This is - // for the case where `html input[type='button']` comes - // through as `html input[type='button']`. + // If it contains `html`, replace the `html` with the + // `prefix`. Replace multiple spaces with a single + // space. This is for the case where + // `html input[type='button']` comes through as + // `html input[type='button']`. contextual += selector.text.replace('html', prefix).replace(/ +/g, ' '); } diff --git a/src/base/css/normalize-context.css b/src/base/css/normalize-context.css index 52dd802..3af107e 100644 --- a/src/base/css/normalize-context.css +++ b/src/base/css/normalize-context.css @@ -1,235 +1,235 @@ /* THIS FILE IS GENERATED BY A BUILD SCRIPT - DO NOT EDIT! */ -.k article, -.k aside, -.k details, -.k figcaption, -.k figure, -.k footer, -.k header, -.k hgroup, -.k main, -.k nav, -.k section, -.k summary { +.pure article, +.pure aside, +.pure details, +.pure figcaption, +.pure figure, +.pure footer, +.pure header, +.pure hgroup, +.pure main, +.pure nav, +.pure section, +.pure summary { display: block; } -.k audio, -.k canvas, -.k video { +.pure audio, +.pure canvas, +.pure video { display: inline-block; } -.k audio:not([controls]) { +.pure audio:not([controls]) { display: none; height: 0; } -.k [hidden] { +.pure [hidden] { display: none; } -.k { +.pure { background: #fff; color: #000; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } -.k, -.k button, -.k input, -.k select, -.k textarea { +.pure, +.pure button, +.pure input, +.pure select, +.pure textarea { font-family: sans-serif; } -.k body { +.pure body { margin: 0; } -.k a:focus { +.pure a:focus { outline: thin dotted; } -.k a:active, -.k a:hover { +.pure a:active, +.pure a:hover { outline: 0; } -.k h1 { +.pure h1 { font-size: 2em; margin: 0.67em 0; } -.k h2 { +.pure h2 { font-size: 1.5em; margin: 0.83em 0; } -.k h3 { +.pure h3 { font-size: 1.17em; margin: 1em 0; } -.k h4 { +.pure h4 { font-size: 1em; margin: 1.33em 0; } -.k h5 { +.pure h5 { font-size: 0.83em; margin: 1.67em 0; } -.k h6 { +.pure h6 { font-size: 0.67em; margin: 2.33em 0; } -.k abbr[title] { +.pure abbr[title] { border-bottom: 1px dotted; } -.k b, -.k strong { +.pure b, +.pure strong { font-weight: bold; } -.k blockquote { +.pure blockquote { margin: 1em 40px; } -.k dfn { +.pure dfn { font-style: italic; } -.k hr { +.pure hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } -.k mark { +.pure mark { background: #ff0; color: #000; } -.k p, -.k pre { +.pure p, +.pure pre { margin: 1em 0; } -.k code, -.k kbd, -.k pre, -.k samp { +.pure code, +.pure kbd, +.pure pre, +.pure samp { font-family: monospace , serif; _font-family: 'courier new' , monospace; font-size: 1em; } -.k pre { +.pure pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } -.k q { +.pure q { quotes: none; } -.k q:before, -.k q:after { +.pure q:before, +.pure q:after { content: ''; content: none; } -.k small { +.pure small { font-size: 80%; } -.k sub, -.k sup { +.pure sub, +.pure sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } -.k sup { +.pure sup { top: -0.5em; } -.k sub { +.pure sub { bottom: -0.25em; } -.k dl, -.k menu, -.k ol, -.k ul { +.pure dl, +.pure menu, +.pure ol, +.pure ul { margin: 1em 0; } -.k dd { +.pure dd { margin: 0 0 0 40px; } -.k menu, -.k ol, -.k ul { +.pure menu, +.pure ol, +.pure ul { padding: 0 0 0 40px; } -.k nav ul, -.k nav ol { +.pure nav ul, +.pure nav ol { list-style: none; list-style-image: none; } -.k img { +.pure img { border: 0; -ms-interpolation-mode: bicubic; } -.k svg:not(:root) { +.pure svg:not(:root) { overflow: hidden; } -.k figure { +.pure figure { margin: 0; } -.k form { +.pure form { margin: 0; } -.k fieldset { +.pure fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } -.k legend { +.pure legend { border: 0; padding: 0; white-space: normal; } -.k button, -.k input, -.k select, -.k textarea { +.pure button, +.pure input, +.pure select, +.pure textarea { font-size: 100%; margin: 0; vertical-align: baseline; } -.k button, -.k input { +.pure button, +.pure input { line-height: normal; } -.k button, -.k select { +.pure button, +.pure select { text-transform: none; } -.k button, -.k input[type="button"], -.k input[type="reset"], -.k input[type="submit"] { +.pure button, +.pure input[type="button"], +.pure input[type="reset"], +.pure input[type="submit"] { -webkit-appearance: button; cursor: pointer; } -.k button[disabled], -.k input[disabled] { +.pure button[disabled], +.pure input[disabled] { cursor: default; } -.k input[type="checkbox"], -.k input[type="radio"] { +.pure input[type="checkbox"], +.pure input[type="radio"] { box-sizing: border-box; padding: 0; } -.k input[type="search"] { +.pure input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } -.k input[type="search"]::-webkit-search-cancel-button, -.k input[type="search"]::-webkit-search-decoration { +.pure input[type="search"]::-webkit-search-cancel-button, +.pure input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } -.k button::-moz-focus-inner, -.k input::-moz-focus-inner { +.pure button::-moz-focus-inner, +.pure input::-moz-focus-inner { border: 0; padding: 0; } -.k textarea { +.pure textarea { overflow: auto; vertical-align: top; } -.k table { +.pure table { border-collapse: collapse; border-spacing: 0; }