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',
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, ' ');
}

View File

@ -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;
}