purecss-sass 3.0.0 → 3.0.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ae0f24d1009fa1927b31413ac9f02e4ee77ff3ca5a70e9fa49b6faf9cd5ec7dc
-  data.tar.gz: 1f0a83979bed6aa912619b15af78e8747107ffc377520d5248b9a86c0acc63d2
+  metadata.gz: 1f2789ecc85ce2be47ae8bcc0167f231ee5addfa7106706bf660822ebbe8c817
+  data.tar.gz: 2efb5f4c53a995d488f78eebf2ec75afe3a20f00d97c6d8152c27c7a37745414
 SHA512:
-  metadata.gz: 67e35c9b4aeb82f499efd6edd41d6255396bc54043a105a0bfcd664288d82d3cec22d95ca812cad79e3d767097286a9c4577fb07be968642026e3b7cbf6d36bc
-  data.tar.gz: 58208093b54eb737856a30a63a6119be99d43e88894da75b923d07bd1ffe664bfddb30d5df03daa8a46f47a89ee8d2e2cfd099825a49efad7abcf9d439ac37bc
+  metadata.gz: aca0610128e5e93116d431c4f5e1c9277d8acf943a3029bab335e23c5a6ea6c040451c4f287f1365fc9c1fa840040ae0da64aaf8d66a12d6b46a89455d159d91
+  data.tar.gz: b5bb70fc9770ef6a9b6ab4c178b44719e594a16afc14cd2d51898f6c97b8ed04dce6422394d0a0107608312ebc42d86d0ec8264e6341070001255880c7b38529

data/CHANGELOG.md

@@ -1,3 +1,10 @@
+## 3.0.1 (2023-05-06)
+
+- fix: include forms-nr module
+- fix: include grids module in the default import
+
+Framework version: Pure v3.0.0
+
 ## 3.0.0 (2022-10-27)
 
 - Update assets to match upstream version

data/README.md

@@ -42,19 +42,19 @@ Open `/app/assets/stylesheets/application.scss` file and add this line:
 
 ## Usage
 
-By default, using `@import 'purecss';`, all of Pure CSS responsive components are imported.
+By default, using `@import 'purecss';`, all of Pure CSS components are imported except non-responsive forms, which are identical to responsive forms minus media queries.
 
 You can import individual Sass components like this:
 
 ```scss
-@import 'purecss/base';
-@import 'purecss/buttons';
-@import 'purecss/forms';
-@import 'purecss/forms-nr';
-@import 'purecss/grids';
-@import 'purecss/grids-responsive';
-@import 'purecss/menus';
-@import 'purecss/tables';
+@import 'purecss/base';             // Base
+@import 'purecss/buttons';          // Buttons
+@import 'purecss/forms';            // Forms (Responsive)
+@import 'purecss/forms-nr';         // Forms (Non-Responsive)
+@import 'purecss/grids';            // Grids (Base)
+@import 'purecss/grids-responsive'; // Grids (Responsive)
+@import 'purecss/menus';            // Menus (Responsive)
+@import 'purecss/tables';           // Tables
 ```
 
 ## Versioning

data/lib/purecss/sass/version.rb

@@ -1,5 +1,5 @@
 module Purecss
   module Sass
-    VERSION = '3.0.0'.freeze
+    VERSION = '3.0.1'.freeze
   end
 end

data/package.json

@@ -1,6 +1,6 @@
 {
   "name": "purecss-sass",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "description": "Pure CSS framework, converted to Sass and ready to use in Sass powered applications",
   "keywords": [
     "pure",

data/vendor/assets/stylesheets/_purecss.scss

@@ -1,6 +1,7 @@
 @import 'purecss/base';
 @import 'purecss/buttons';
 @import 'purecss/forms';
+@import 'purecss/grids';
 @import 'purecss/grids-responsive';
 @import 'purecss/menus';
 @import 'purecss/tables';

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

@@ -0,0 +1,329 @@
+/*!
+Pure v3.0.0
+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;
+      box-shadow: inset 0 1px 3px #ddd;
+      border-radius: 4px;
+      vertical-align: middle;
+      box-sizing: border-box;
+    }
+  }
+
+  select, textarea {
+    padding: 0.5em 0.6em;
+    display: inline-block;
+    border: 1px solid #ccc;
+    box-shadow: inset 0 1px 3px #ddd;
+    border-radius: 4px;
+    vertical-align: middle;
+    box-sizing: border-box;
+  }
+
+  input {
+    &:not([type]) {
+      padding: 0.5em 0.6em;
+      display: inline-block;
+      border: 1px solid #ccc;
+      box-shadow: inset 0 1px 3px #ddd;
+      border-radius: 4px;
+      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;
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: purecss-sass
 version: !ruby/object:Gem::Version
-  version: 3.0.0
+  version: 3.0.1
 platform: ruby
 authors:
 - Dmitriy Tarasov
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2022-10-27 00:00:00.000000000 Z
+date: 2023-05-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sassc
@@ -106,6 +106,7 @@ files:
 - vendor/assets/stylesheets/_purecss.scss
 - vendor/assets/stylesheets/purecss/_base.scss
 - vendor/assets/stylesheets/purecss/_buttons.scss
+- vendor/assets/stylesheets/purecss/_forms-nr.scss
 - vendor/assets/stylesheets/purecss/_forms.scss
 - vendor/assets/stylesheets/purecss/_grids-responsive.scss
 - vendor/assets/stylesheets/purecss/_grids.scss
@@ -132,7 +133,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.3.7
+rubygems_version: 3.4.10
 signing_key:
 specification_version: 4
 summary: Pure CSS framework, converted to Sass