sass-zero 0.0.17 → 0.0.18

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: aebcb1df4bd5282119b667302b006ced48c2669eaef25f7f3f68f08f65adbdbd
-  data.tar.gz: 7f9e3967528ee6231c5271e59f71b4bfbe69ca1f4b053bb14b7522db8dd86699
+  metadata.gz: 32a5f44054178e89c43f0af8bbf278f95476c42387f90fa0d1ccfcb673017ea6
+  data.tar.gz: 89ea2c7d3cc58da32fdddaf4787802f887c680b3ed6c8aad650e4b342e413c09
 SHA512:
-  metadata.gz: 77808a82717af9b2518f3751f2267940f053f0f3b0fc5cdb8f405d0d6a2ac3802a837a4f60bb3dde5edef52af7204f7ebae928d70e7d5e5b37909170cb708bfa
-  data.tar.gz: ef4386a8755e002e1846a758bf7bfbc202a8e251057e5a2234ec8939f8c21787f0a5a3fdb480b9c51da6cf02c330eb1ed4e77e1a360b6568f2731d3ffa009e95
+  metadata.gz: ff818d924aca1afe44cf75d75c3a3883ab07699ec64ae8d887228a1ce49aba5c2cb653b95a65671bbe8e029805f15edd35e5405e669ddc897b58357d9befaacd
+  data.tar.gz: 86b20f5c7bf71a7bd0666c95654a951e69cc7b70c459a52ec1bfd567f9ea2247daf176a56605aed032f2d6f2a53b7f98253c7a7a0f5fd1e6eba475f02001b943

data/Example.html

@@ -82,9 +82,9 @@
           <label for="radio" class="u-display-ib">Option 3</label>
         </div>
       </div>
-
-      <input type="submit" value="Send">
     </fieldset>
+
+    <input type="submit" value="Send">
   </form>
 
   <table>

data/README.md

@@ -79,7 +79,6 @@ Create some stylesheet using [BEM](http://getbem.com/naming) and [SASS-ZERO Vari
 
 ```scss
 @import "sass-zero/variables";
-@import "sass-zero/mixins";
 
 .block {
   color: $red-300;

data/app/assets/stylesheets/sass-zero/base/breadboard.scss

@@ -80,6 +80,7 @@ input[type='submit'] {
     background-position: center !important;
     background-repeat: no-repeat;
     background-size: auto $size-4;
+    vertical-align: text-top;
   }
 
   &--borderless {
@@ -112,7 +113,8 @@ pre {
 }
 
 hr {
-  margin: $size-8 $size-0;
+  margin: $size-10 $size-0;
+  border-bottom-width: $border-2;
 }
 
 input[type='email'],
@@ -140,6 +142,7 @@ select {
 
   &:focus {
     border-color: $breadboard-color;
+    box-shadow: $shadow-outline;
     outline: 0;
   }
 }
@@ -226,7 +229,7 @@ fieldset,
 input,
 select,
 textarea {
-  margin-bottom: $size-3;
+  margin-bottom: $size-4;
 }
 
 blockquote,
@@ -238,7 +241,7 @@ p,
 pre,
 table,
 ul {
-  margin-bottom: $size-4;
+  margin-bottom: $size-6;
 }
 
 table {

data/app/assets/stylesheets/sass-zero/utilities/pull.scss

@@ -2,7 +2,7 @@
 
 // *******************************************************************
 // Pull Utilities
-// $size-map: ("xs": $size-1, "sm": $size-2, "base": $size-3, "lg": $size-4, "md": $size-6, "lg": $size-10);
+// $size-map: ("xs": $size-1, "sm": $size-2, "md": $size-3, "lg": $size-4, "xl": $size-5, "2xl": $size-6);
 // *******************************************************************
 @each $scale, $size in $size-map {
   .pull-#{$scale} {

data/app/assets/stylesheets/sass-zero/utilities/push.scss

@@ -2,7 +2,7 @@
 
 // *******************************************************************
 // Push Utilities
-// $size-map: ("xs": $size-1, "sm": $size-2, "base": $size-3, "lg": $size-4, "md": $size-6, "lg": $size-10);
+// $size-map: ("xs": $size-1, "sm": $size-2, "md": $size-3, "lg": $size-4, "xl": $size-5, "2xl": $size-6);
 // *******************************************************************
 @each $scale, $size in $size-map {
   .push-#{$scale} {

data/app/assets/stylesheets/sass-zero/variables/colors.scss

@@ -7,15 +7,15 @@ $transparent: 'transparent';
 $black: #000;
 $white: #fff;
 
-$gray-100: #f7fafc;
-$gray-200: #edf2f7;
-$gray-300: #e2e8f0;
-$gray-400: #cbd5e0;
-$gray-500: #a0aec0;
-$gray-600: #718096;
-$gray-700: #4a5568;
-$gray-800: #2d3748;
-$gray-900: #1a202c;
+$gray-100: #f7fafc !default;
+$gray-200: #edf2f7 !default;
+$gray-300: #e2e8f0 !default;
+$gray-400: #cbd5e0 !default;
+$gray-500: #a0aec0 !default;
+$gray-600: #718096 !default;
+$gray-700: #4a5568 !default;
+$gray-800: #2d3748 !default;
+$gray-900: #1a202c !default;
 
 $red-100: #fff5f5;
 $red-200: #fed7d7;

data/app/assets/stylesheets/sass-zero/variables/effects.scss

@@ -1,3 +1,4 @@
+
 // *******************************************************************
 // Box Shadow
 // Variables for controlling the box shadow of an element.
@@ -11,7 +12,7 @@ $shadow-lg:      0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0,
 $shadow-xl:      0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
 $shadow-2xl:     0 25px 50px -12px rgba(0, 0, 0, 0.25);
 $shadow-inner:   inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-$shadow-outline: 0 0 0 3px rgba(66, 153, 225, 0.5);
+$shadow-outline: 0 0 0 3px rgba(45,55,72, 0.5);
 $shadow-none:    none;
 
 // *******************************************************************

data/app/assets/stylesheets/sass-zero/variables/spacing.scss

@@ -27,4 +27,4 @@ $size-auto:   auto;
 $size-full:   100%;
 $size-screen: 100vw;
 
-$size-map: ("xs": $size-1, "sm": $size-2, "md": $size-3, "lg": $size-4, "xl": $size-6, "2xl": $size-10);
+$size-map: ("xs": $size-1, "sm": $size-2, "md": $size-4, "lg": $size-6, "xl": $size-8, "2xl": $size-10);

data/lib/sass/zero/version.rb

@@ -1,5 +1,5 @@
 module Sass
   module Zero
-    VERSION = "0.0.17"
+    VERSION = "0.0.18"
   end
 end

data/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "sass-zero",
-	"version": "0.0.17",
+	"version": "0.0.18",
 	"description": "A CSS framework for rapid UI development based on tailwindcss, miligram and BEM.",
 	"homepage": "https://github.com/lazaronixon/sass-zero",
 	"repository": "lazaronixon/sass-zero",

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: sass-zero
 version: !ruby/object:Gem::Version
-  version: 0.0.17
+  version: 0.0.18
 platform: ruby
 authors:
 - lazaronixon
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-03-03 00:00:00.000000000 Z
+date: 2020-03-04 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: autoprefixer-rails