purecss-sass 1.0.1.1 → 2.0.4

data/vendor/assets/stylesheets/purecss/_buttons.scss

@@ -1,14 +1,13 @@
 /*!
-Pure v1.0.1
+Pure v2.0.4
 Copyright 2013 Yahoo!
 Licensed under the BSD License.
-https://github.com/pure-css/pure/blob/master/LICENSE.md
+https://github.com/pure-css/pure/blob/master/LICENSE
 */
 
 .pure-button {
   /* Structure */
   display: inline-block;
-  zoom: 1;
   line-height: normal;
   white-space: nowrap;
   vertical-align: middle;
@@ -36,12 +35,6 @@ https://github.com/pure-css/pure/blob/master/LICENSE.md
   letter-spacing: -0.31em;
 
   /* Webkit: collapse white-space between units */
-  *letter-spacing: normal;
-
-  /* reset IE < 8 */
-  *word-spacing: -0.43em;
-
-  /* IE < 8: collapse white-space between units */
   text-rendering: optimizespeed;
 
   /* Webkit: fixes text-rendering: optimizeLegibility */
@@ -68,18 +61,8 @@ https://github.com/pure-css/pure/blob/master/LICENSE.md
   font-family: inherit;
   font-size: 100%;
   padding: 0.5em 1em;
-  color: #444;
-
-  /* rgba not supported (IE 8) */
   color: rgba(0, 0, 0, 0.8);
-
-  /* rgba supported */
-  border: 1px solid #999;
-
-  /*IE 6/7/8*/
   border: none rgba(0, 0, 0, 0);
-
-  /*IE9 + everything else*/
   background-color: #E6E6E6;
   text-decoration: none;
   border-radius: 2px;
@@ -87,20 +70,17 @@ https://github.com/pure-css/pure/blob/master/LICENSE.md
 
 .pure-button-hover {
   background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.1)));
-  background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
   background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
 }
 
 .pure-button {
   &:hover {
     background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.1)));
-    background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
     background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
   }
 
   &:focus {
     background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.1)));
-    background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
     background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
     outline: 0;
   }
@@ -122,11 +102,6 @@ https://github.com/pure-css/pure/blob/master/LICENSE.md
   &[disabled] {
     border: none;
     background-image: none;
-
-    /* csslint ignore:start */
-    filter: alpha(opacity = 40);
-
-    /* csslint ignore:end */
     opacity: 0.40;
     cursor: not-allowed;
     -webkit-box-shadow: none;
@@ -138,11 +113,6 @@ https://github.com/pure-css/pure/blob/master/LICENSE.md
 .pure-button-disabled {
   border: none;
   background-image: none;
-
-  /* csslint ignore:start */
-  filter: alpha(opacity = 40);
-
-  /* csslint ignore:end */
   opacity: 0.40;
   cursor: not-allowed;
   -webkit-box-shadow: none;
@@ -152,11 +122,6 @@ https://github.com/pure-css/pure/blob/master/LICENSE.md
   &:hover, &:focus, &:active {
     border: none;
     background-image: none;
-
-    /* csslint ignore:start */
-    filter: alpha(opacity = 40);
-
-    /* csslint ignore:end */
     opacity: 0.40;
     cursor: not-allowed;
     -webkit-box-shadow: none;
@@ -186,9 +151,6 @@ a {
 .pure-button-group .pure-button {
   margin: 0;
   border-radius: 0;
-  border-right: 1px solid #111;
-
-  /* fallback color for rgba() for IE7/8 */
   border-right: 1px solid rgba(0, 0, 0, 0.2);
 
   &:first-child {

data/vendor/assets/stylesheets/purecss/_forms-nr.scss

@@ -0,0 +1,335 @@
+/*!
+Pure v2.0.4
+Copyright 2013 Yahoo!
+Licensed under the BSD License.
+https://github.com/pure-css/pure/blob/master/LICENSE
+*/
+/*csslint box-model:false*/
+/*
+Box-model set to false because we're setting a height on select elements, which
+also have border and padding. This is done because some browsers don't render
+the padding. We explicitly set the box-model for select elements to border-box,
+so we can ignore the csslint warning.
+*/
+
+.pure-form {
+  input {
+    &[type="text"], &[type="password"], &[type="email"], &[type="url"], &[type="date"], &[type="month"], &[type="time"], &[type="datetime"], &[type="datetime-local"], &[type="week"], &[type="number"], &[type="search"], &[type="tel"], &[type="color"] {
+      padding: 0.5em 0.6em;
+      display: inline-block;
+      border: 1px solid #ccc;
+      -webkit-box-shadow: inset 0 1px 3px #ddd;
+      box-shadow: inset 0 1px 3px #ddd;
+      border-radius: 4px;
+      vertical-align: middle;
+      -webkit-box-sizing: border-box;
+      box-sizing: border-box;
+    }
+  }
+
+  select, textarea {
+    padding: 0.5em 0.6em;
+    display: inline-block;
+    border: 1px solid #ccc;
+    -webkit-box-shadow: inset 0 1px 3px #ddd;
+    box-shadow: inset 0 1px 3px #ddd;
+    border-radius: 4px;
+    vertical-align: middle;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+  }
+
+  input {
+    &:not([type]) {
+      padding: 0.5em 0.6em;
+      display: inline-block;
+      border: 1px solid #ccc;
+      -webkit-box-shadow: inset 0 1px 3px #ddd;
+      box-shadow: inset 0 1px 3px #ddd;
+      border-radius: 4px;
+      -webkit-box-sizing: border-box;
+      box-sizing: border-box;
+    }
+
+    &[type="color"] {
+      padding: 0.2em 0.5em;
+    }
+
+    &[type="text"]:focus, &[type="password"]:focus, &[type="email"]:focus, &[type="url"]:focus, &[type="date"]:focus, &[type="month"]:focus, &[type="time"]:focus, &[type="datetime"]:focus, &[type="datetime-local"]:focus, &[type="week"]:focus, &[type="number"]:focus, &[type="search"]:focus, &[type="tel"]:focus, &[type="color"]:focus {
+      outline: 0;
+      border-color: #129FEA;
+    }
+  }
+
+  select:focus, textarea:focus {
+    outline: 0;
+    border-color: #129FEA;
+  }
+
+  input {
+    &:not([type]):focus {
+      outline: 0;
+      border-color: #129FEA;
+    }
+
+    &[type="file"]:focus, &[type="radio"]:focus, &[type="checkbox"]:focus {
+      outline: thin solid #129FEA;
+      outline: 1px auto #129FEA;
+    }
+  }
+
+  .pure-checkbox, .pure-radio {
+    margin: 0.5em 0;
+    display: block;
+  }
+
+  input {
+    &[type="text"][disabled], &[type="password"][disabled], &[type="email"][disabled], &[type="url"][disabled], &[type="date"][disabled], &[type="month"][disabled], &[type="time"][disabled], &[type="datetime"][disabled], &[type="datetime-local"][disabled], &[type="week"][disabled], &[type="number"][disabled], &[type="search"][disabled], &[type="tel"][disabled], &[type="color"][disabled] {
+      cursor: not-allowed;
+      background-color: #eaeded;
+      color: #cad2d3;
+    }
+  }
+
+  select[disabled], textarea[disabled] {
+    cursor: not-allowed;
+    background-color: #eaeded;
+    color: #cad2d3;
+  }
+
+  input {
+    &:not([type])[disabled] {
+      cursor: not-allowed;
+      background-color: #eaeded;
+      color: #cad2d3;
+    }
+
+    &[readonly] {
+      background-color: #eee;
+
+      /* menu hover bg color */
+      color: #777;
+
+      /* menu text color */
+      border-color: #ccc;
+    }
+  }
+
+  select[readonly], textarea[readonly] {
+    background-color: #eee;
+
+    /* menu hover bg color */
+    color: #777;
+
+    /* menu text color */
+    border-color: #ccc;
+  }
+
+  input:focus:invalid, textarea:focus:invalid, select:focus:invalid {
+    color: #b94a48;
+    border-color: #e9322d;
+  }
+
+  input {
+    &[type="file"]:focus:invalid:focus, &[type="radio"]:focus:invalid:focus, &[type="checkbox"]:focus:invalid:focus {
+      outline-color: #e9322d;
+    }
+  }
+
+  select {
+    /* Normalizes the height; padding is not sufficient. */
+    height: 2.25em;
+    border: 1px solid #ccc;
+    background-color: white;
+
+    &[multiple] {
+      height: auto;
+    }
+  }
+
+  label {
+    margin: 0.5em 0 0.2em;
+  }
+
+  fieldset {
+    margin: 0;
+    padding: 0.35em 0 0.75em;
+    border: 0;
+  }
+
+  legend {
+    display: block;
+    width: 100%;
+    padding: 0.3em 0;
+    margin-bottom: 0.3em;
+    color: #333;
+    border-bottom: 1px solid #e5e5e5;
+  }
+}
+
+/*
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
+since IE8 won't execute CSS that contains a CSS3 selector.
+*/
+
+/* Chrome (as of v.32/34 on OS X) needs additional room for color to display. */
+/* May be able to remove this tweak as color inputs become more standardized across browsers. */
+
+/*
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
+since IE8 won't execute CSS that contains a CSS3 selector.
+*/
+
+/*
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
+since IE8 won't execute CSS that contains a CSS3 selector.
+*/
+
+.pure-form-stacked {
+  input {
+    &[type="text"], &[type="password"], &[type="email"], &[type="url"], &[type="date"], &[type="month"], &[type="time"], &[type="datetime"], &[type="datetime-local"], &[type="week"], &[type="number"], &[type="search"], &[type="tel"], &[type="color"], &[type="file"] {
+      display: block;
+      margin: 0.25em 0;
+    }
+  }
+
+  select, label, textarea, input:not([type]) {
+    display: block;
+    margin: 0.25em 0;
+  }
+}
+
+/*
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
+since IE8 won't execute CSS that contains a CSS3 selector.
+*/
+
+.pure-form-aligned {
+  input, textarea, select {
+    display: inline-block;
+    vertical-align: middle;
+  }
+}
+
+.pure-form-message-inline {
+  display: inline-block;
+  vertical-align: middle;
+}
+
+.pure-form-aligned {
+  textarea {
+    vertical-align: top;
+  }
+
+  .pure-control-group {
+    margin-bottom: 0.5em;
+
+    label {
+      text-align: right;
+      display: inline-block;
+      vertical-align: middle;
+      width: 10em;
+      margin: 0 1em 0 0;
+    }
+  }
+
+  .pure-controls {
+    margin: 1.5em 0 0 11em;
+  }
+}
+
+/* Aligned Forms */
+
+/* Rounded Inputs */
+
+.pure-form {
+  input.pure-input-rounded, .pure-input-rounded {
+    border-radius: 2em;
+    padding: 0.5em 1em;
+  }
+
+  .pure-group {
+    fieldset {
+      margin-bottom: 10px;
+    }
+
+    input, textarea {
+      display: block;
+      padding: 10px;
+      margin: 0 0 -1px;
+      border-radius: 0;
+      position: relative;
+      top: -1px;
+    }
+
+    input:focus, textarea:focus {
+      z-index: 3;
+    }
+
+    input:first-child, textarea:first-child {
+      top: 1px;
+      border-radius: 4px 4px 0 0;
+      margin: 0;
+    }
+
+    input:first-child:last-child, textarea:first-child:last-child {
+      top: 1px;
+      border-radius: 4px;
+      margin: 0;
+    }
+
+    input:last-child, textarea:last-child {
+      top: -2px;
+      border-radius: 0 0 4px 4px;
+      margin: 0;
+    }
+
+    button {
+      margin: 0.35em 0;
+    }
+  }
+
+  .pure-input-1 {
+    width: 100%;
+  }
+
+  .pure-input-3-4 {
+    width: 75%;
+  }
+
+  .pure-input-2-3 {
+    width: 66%;
+  }
+
+  .pure-input-1-2 {
+    width: 50%;
+  }
+
+  .pure-input-1-3 {
+    width: 33%;
+  }
+
+  .pure-input-1-4 {
+    width: 25%;
+  }
+}
+
+/* Grouped Inputs */
+
+/* Inline help for forms */
+
+.pure-form-message-inline {
+  display: inline-block;
+  padding-left: 0.3em;
+  color: #666;
+  vertical-align: middle;
+  font-size: 0.875em;
+}
+
+/* Block help for forms */
+
+.pure-form-message {
+  display: block;
+  color: #666;
+  font-size: 0.875em;
+}

data/vendor/assets/stylesheets/purecss/_forms.scss

@@ -1,8 +1,8 @@
 /*!
-Pure v1.0.1
+Pure v2.0.4
 Copyright 2013 Yahoo!
 Licensed under the BSD License.
-https://github.com/pure-css/pure/blob/master/LICENSE.md
+https://github.com/pure-css/pure/blob/master/LICENSE
 */
 /*csslint box-model:false*/
 /*
@@ -205,18 +205,14 @@ since IE8 won't execute CSS that contains a CSS3 selector.
 */
 
 .pure-form-aligned {
-  input, textarea, select, .pure-help-inline {
+  input, textarea, select {
     display: inline-block;
-    *display: inline;
-    *zoom: 1;
     vertical-align: middle;
   }
 }
 
 .pure-form-message-inline {
   display: inline-block;
-  *display: inline;
-  *zoom: 1;
   vertical-align: middle;
 }
 
@@ -316,20 +312,11 @@ since IE8 won't execute CSS that contains a CSS3 selector.
   .pure-input-1-4 {
     width: 25%;
   }
-
-  .pure-help-inline {
-    display: inline-block;
-    padding-left: 0.3em;
-    color: #666;
-    vertical-align: middle;
-    font-size: 0.875em;
-  }
 }
 
 /* Grouped Inputs */
 
 /* Inline help for forms */
-/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
 
 .pure-form-message-inline {
   display: inline-block;
@@ -385,9 +372,7 @@ since IE8 won't execute CSS that contains a CSS3 selector.
     }
   }
 
-  /* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
-
-  .pure-form .pure-help-inline, .pure-form-message-inline, .pure-form-message {
+  .pure-form-message-inline, .pure-form-message {
     display: block;
     font-size: 0.75em;