diff --git a/Gruntfile.js b/Gruntfile.js
index 8f144b0..4da1ff9 100644
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -115,9 +115,9 @@ grunt.initConfig({
]
},
- kimono: {
+ all: {
files: {
- 'build/kimono-min.css': [
+ 'build/<%= pkg.name %>-min.css': [
'build/base-min.css',
'build/buttons-min.css',
'build/forms-min.css',
@@ -126,7 +126,7 @@ grunt.initConfig({
'build/tables-min.css'
],
- 'build/kimono-nr-min.css': [
+ 'build/<%= pkg.name %>-nr-min.css': [
'build/base-min.css',
'build/buttons-min.css',
'build/forms-nr-min.css',
@@ -182,17 +182,17 @@ grunt.initConfig({
expand: true,
cwd : 'build/',
- src : ['base*.css', 'forms*.css', 'tables*.css', 'kimono*.css']
+ src : ['base*.css', 'forms*.css', 'tables*.css', '<%= pkg.name %>*.css']
},
yahoo: {
options: {
banner: [
'/*!',
- 'Kimono <%= pkg.version %>',
+ 'Pure <%= pkg.version %>',
'Copyright 2013 Yahoo! Inc. All rights reserved.',
'Licensed under the BSD License.',
- 'https://github.com/yui/kimono/blob/master/LICENSE.md',
+ 'https://github.com/yui/pure/blob/master/LICENSE.md',
'*/\n'
].join('\n')
},
@@ -210,7 +210,7 @@ grunt.initConfig({
dest: 'src/base/css/normalize-context.css',
options: {
- prefix: '.k',
+ prefix: '.pure',
banner: '/* <%= BUILD_COMMENT %> */\n'
}
}
@@ -231,7 +231,7 @@ grunt.registerTask('default', [
'concat:build',
'clean:build_res',
'cssmin',
- 'concat:kimono',
+ 'concat:all',
'license'
]);
@@ -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/HISTORY.md b/HISTORY.md
index 04472a9..c9ae776 100644
--- a/HISTORY.md
+++ b/HISTORY.md
@@ -1,5 +1,13 @@
-Kimono Change History
-=====================
+Pure Change History
+===================
+
+NEXT
+----
+
+* (!) Rename to Pure.
+
+* (!) Rename CSS classname prefix to `pure`.
+
0.0.1 (2013-05-14)
------------------
diff --git a/README.md b/README.md
index e4cb033..eed9e79 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,2 @@
-Kimono
-======
+Pure
+====
diff --git a/package.json b/package.json
index 5c46867..4a74084 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
{
- "name": "kimono",
+ "name": "pure",
"version": "0.0.2pre",
"private": true,
"devDependencies": {
diff --git a/src/base/README.md b/src/base/README.md
index a22bae1..42ef453 100644
--- a/src/base/README.md
+++ b/src/base/README.md
@@ -14,4 +14,4 @@ Differences
Changes are minimal. Base uses Normalize v1.1.1.
- Create a contextual normalize.css (normalize-context.css) toggled off a
- parent classname: `.k`.
+ parent classname: `.pure`.
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;
}
diff --git a/src/buttons/css/buttons-core.css b/src/buttons/css/buttons-core.css
index 72bd691..8acc8f4 100644
--- a/src/buttons/css/buttons-core.css
+++ b/src/buttons/css/buttons-core.css
@@ -1,4 +1,4 @@
-.k-button {
+.pure-button {
/* Structure */
display: inline-block;
*display: inline; /*IE 6/7*/
@@ -16,7 +16,7 @@
/* Firefox: Get rid of the inner focus border */
-.k-button::-moz-focus-inner{
+.pure-button::-moz-focus-inner{
padding: 0;
border: 0;
}
diff --git a/src/buttons/css/buttons.css b/src/buttons/css/buttons.css
index 79a075f..dd907ab 100644
--- a/src/buttons/css/buttons.css
+++ b/src/buttons/css/buttons.css
@@ -1,4 +1,4 @@
-.k-button {
+.pure-button {
font-size: 100%;
*font-size: 90%; /*IE 6/7 - To reduce IE's oversized button text*/
*overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
@@ -21,8 +21,8 @@
}
-.k-button-hover,
-.k-button:hover {
+.pure-button-hover,
+.pure-button:hover {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=0);
@@ -34,17 +34,17 @@
background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.05));
}
-.k-button-active,
-.k-button:active {
+.pure-button-active,
+.pure-button:active {
-webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
-moz-box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
}
-.k-button[disabled],
-.k-button-disabled,
-.k-button-disabled:hover,
-.k-button-disabled:active {
+.pure-button[disabled],
+.pure-button-disabled,
+.pure-button-disabled:hover,
+.pure-button-disabled:active {
border: none;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
@@ -56,26 +56,26 @@
box-shadow: none;
}
-.k-button-hidden {
+.pure-button-hidden {
display:none;
}
/* Firefox: Get rid of the inner focus border */
-.k-button::-moz-focus-inner{
+.pure-button::-moz-focus-inner{
padding: 0;
border: 0;
}
/* Sam */
-.k-button-primary,
-.k-button-selected,
-a.k-button-primary,
-a.k-button-selected {
+.pure-button-primary,
+.pure-button-selected,
+a.pure-button-primary,
+a.pure-button-selected {
background-color: rgb(0, 120, 231);
color: #fff;
}
-.k-button:-moz-focusring {
+.pure-button:-moz-focusring {
outline-color: rgba(0, 0, 0, 0.85);
}
diff --git a/src/buttons/tests/manual/button.html b/src/buttons/tests/manual/button.html
index bc303d3..062dc2c 100644
--- a/src/buttons/tests/manual/button.html
+++ b/src/buttons/tests/manual/button.html
@@ -17,7 +17,7 @@
color: blue;
}
- .k-button-green {
+ .pure-button-green {
text-transform: uppercase;
font-weight:bold;
color: white;
@@ -27,7 +27,7 @@
text-shadow: 0 1px 1px rgb(22, 116, 29);
}
- .k-button-red {
+ .pure-button-red {
background: red;
text-transform: uppercase;
color: white;
@@ -38,19 +38,19 @@
}
- .k-button-yellow {
+ .pure-button-yellow {
background: rgb(255, 236, 15);
color: rgb(146, 128, 32);
border: 1px solid rgb(201, 189, 52);
text-shadow: -1px 1px 1px white;
}
- .k-button-wedding:hover {
+ .pure-button-wedding:hover {
background: #555;
color: #eee;
}
- .k-button-wedding:active {
+ .pure-button-wedding:active {
background: #222;
color: #fff;
box-shadow: none;
@@ -61,47 +61,47 @@
Regular Buttons
-
- An anchor Button
+
+ An anchor Button
Disabled Buttons
-
- An anchor Button
+
+ An anchor Button
Active Buttons
-
- An anchor Button
+
+ An anchor Button
Primary/Selected Buttons
-
- An anchor Button
+
+ An anchor Button
Customizing Buttons
-
- An anchor Button
+
+ An anchor Button
-
- Custom Button
+
+ Custom Button
-
- Custom Button
+
+ Custom Button
-
-