sass-zero 0.0.51 → 0.0.55

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1a755dda04ae3abd81d14fc0701f7153396e158f1aa1f565fa746c377ee88f60
-  data.tar.gz: dab9743199cf481603ea42f411bd0bf1c4659a769feebbb5add11ba5774aca4b
+  metadata.gz: 87bd9449a35b1aaf5635f44d910ee5993e650750413f46f77a2759e19d823cbe
+  data.tar.gz: 10bd5bb77d0cb2e23d2c1823c007f3c14888ef0fc35636e55fe567732cd9e24b
 SHA512:
-  metadata.gz: 0afe3f2dca9b2bdfae8acdee0522f54d6e5c79fe9016440aaad843823459fa55fc903f6f7baad90807c7a7dd50f9073d581ecc8b3a1a14db42eadcf91642e1f4
-  data.tar.gz: 4627eb5f8f78f57c15d05830b41168a59913b952cacff08d7f16a6a95beaa94df7226e632f5bebda07c17837d938cc536187ad58d737f347048efb83fc86479c
+  metadata.gz: 21067c7675af269ca3e554ac823f9df8adfc44887b9280839a9b21e1d0deda985fb9e1da3e190268b97c292a5be4867d3d3952675157787b75aed1149fc1e20a
+  data.tar.gz: 6ef7f228182ba5ade57acb7fdaa37427f6ddec3467682addc489c4067f5481b2f940b2e1933b2a3057bd5d74847dfdf5ea2466de3a2c4ee8ded001c31efe08f8

data/Example.html

@@ -40,31 +40,31 @@
 
       <div class="push-md--bottom">
         <div>
-          <input type="checkbox" name="option1" value="1" class="checkbox" checked>
+          <input type="checkbox" id="option1" name="option1" value="1" class="checkbox" checked>
           <label for="option1" class="u-display-ib">Option 1</label>
         </div>
         <div>
-          <input type="checkbox" name="option2" value="2" class="checkbox">
+          <input type="checkbox" id="option2" name="option2" value="2" class="checkbox">
           <label for="option2" class="u-display-ib">Option 2</label>
         </div>
         <div>
-          <input type="checkbox" name="option3" value="3" class="checkbox">
+          <input type="checkbox" id="option3" name="option3" value="3" class="checkbox">
           <label for="option3" class="u-display-ib">Option 3</label>
         </div>
       </div>
 
       <div class="push-md--bottom">
         <div>
-          <input type="radio" name="radio" value="1" class="radio" checked>
-          <label for="radio" class="u-display-ib">Option 1</label>
+          <input type="radio" id="radio1" name="radio" value="1" class="radio" checked>
+          <label for="radio1" class="u-display-ib">Option 1</label>
         </div>
         <div>
-          <input type="radio" name="radio" value="2" class="radio">
-          <label for="radio" class="u-display-ib">Option 2</label>
+          <input type="radio" id="radio2" name="radio" value="2" class="radio">
+          <label for="radio2" class="u-display-ib">Option 2</label>
         </div>
         <div>
-          <input type="radio" name="radio" value="3" class="radio">
-          <label for="radio" class="u-display-ib">Option 3</label>
+          <input type="radio" id="radio3" name="radio" value="3" class="radio">
+          <label for="radio3" class="u-display-ib">Option 3</label>
         </div>
       </div>
     </div>

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

@@ -33,11 +33,6 @@ html {
   padding: $size-2 $size-4;
   cursor: pointer;
 
-  &:disabled {
-    pointer-events: none;
-    opacity: $opacity-50;
-  }
-
   &--primary {
     background-color: var(--color-primary);
     border-color: var(--color-primary);
@@ -54,6 +49,16 @@ html {
     background-color: $transparent;
     border-color: $transparent;
   }
+
+  &:focus {
+    box-shadow: ring($color: var(--color-focus-ring));
+    @include outline-none;
+  }
+
+  &:disabled {
+    pointer-events: none;
+    opacity: $opacity-50;
+  }
 }
 
 .input {

data/app/assets/stylesheets/sass-zero/mixins.scss

@@ -13,14 +13,6 @@
   -moz-osx-font-smoothing: auto;
 }
 
-@mixin clearfix {
-  &::after {
-    display: block;
-    clear: both;
-    content: "";
-  }
-}
-
 @mixin ellipsis {
   text-overflow: ellipsis;
   white-space: nowrap;

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

@@ -2,28 +2,28 @@
   display: flex;
 }
 
-.i-flex {
-  display: inline-flex;
-}
-
 .flex--column {
   flex-direction: column;
 }
 
-.flex--centered {
-  justify-content: center;
-}
-
 .flex--space-items {
   justify-content: space-between;
 }
 
+.flex--wrap {
+  flex-wrap: wrap;
+}
+
+.flex--centered {
+  justify-content: center;
+}
+
 .flex--align-center {
   align-items: center;
 }
 
-.flex--wrap {
-  flex-wrap: wrap;
+.i-flex {
+  display: inline-flex;
 }
 
 .flex-item--grow {

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

@@ -2,117 +2,82 @@
 @import "sass-zero/variables/effects";
 @import "sass-zero/mixins";
 
-.u-full-width {
-  width: 100%;
-}
-
-.u-full-height {
-  height:100%
-}
-
-.u-min-width {
-  min-width: 0;
-}
-
-.u-disabled {
-  pointer-events: none;
-  opacity: $opacity-30;
-}
-
-.u-off-screen {
-  position: absolute;
-  left: -9999em;
-}
-
-.u-overflow-auto {
-  overflow: auto;
+.u-display-n {
+  display: none !important;
 }
 
-.u-unscrollable {
-  overflow: hidden;
+.u-display-b {
+  display: block;
 }
 
 .u-display-i {
   display: inline;
 }
 
-.u-display-b {
-  display: block;
-}
-
 .u-display-ib {
   display: inline-block;
 }
 
-.u-display-n {
-  display: none !important;
-}
-
 .u-visibility-hidden {
   visibility: hidden;
 }
 
-.u-pointer-events-n {
-  pointer-events: none;
+.u-hide {
+  display: none;
 }
 
-.u-margin-centered {
-  margin-left:  auto;
-  margin-right: auto;
+.u-float-l {
+  float: left;
 }
 
-.u-wrap {
-  display: block;
+.u-float-r {
+  float: right;
 }
 
 .u-nowrap {
   white-space: nowrap;
 }
 
-.u-clearfix {
-  @include clearfix;
-}
-
-.u-float-l {
-  float: left;
+.u-full-width {
+  width: 100%;
 }
 
-.u-float-r {
-  float: right;
+.u-min-width {
+  min-width: 0;
 }
 
-.u-float-n {
-  float: none;
+.u-full-height {
+  height: 100%
 }
 
-.u-float-clear {
-  clear: both;
+.u-disabled {
+  pointer-events: none;
+  opacity: $opacity-30;
 }
 
-.u-float-clear-l {
-  clear: left;
+.u-off-screen {
+  position: absolute;
+  left: -9999em;
 }
 
-.u-float-clear-r {
-  clear: right;
+.u-overflow-auto {
+  overflow: auto;
 }
 
-.u-hide {
-  display: none;
+.u-overflow-hidden {
+  overflow: hidden;
 }
 
-.u-hide-focus {
-  outline: none !important;
-}
+@media (min-width: $breakpoint-sm) {
+  .u-show--inline\@sm {
+    display: inline;
+  }
 
-@media (max-width: $breakpoint-md - 1) {
-  .u-hide\@small {
-    display: none;
+  .u-show\@sm {
+    display: block;
   }
-}
 
-@media (min-width: $breakpoint-md) {
-  .u-hide\@medium {
+  .u-hide\@sm {
     display: none;
   }
 }

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

@@ -14,28 +14,11 @@
   list-style: none;
 }
 
-.list--spaced > li + li {
-  margin-top: $size-2;
-}
-
-.list--inside-bulleted {
-  padding-left: $size-0;
-  list-style-position: inside;
-}
-
-.list--ruled-top {
-  border-top-width: $border;
-}
-
-.list--inline > li {
+.list--inline li {
   display: inline-block;
+  vertical-align: middle;
 }
 
-.list--inline > li + li {
-  margin-left: $size-2;
-}
-
-.list--ruled > li {
-  padding: $size-4 $size-2;
-  border-top-width: $border;
+.list--dividers li:not(:last-child) {
+  border-bottom-width: $border;
 }

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

@@ -5,33 +5,24 @@
 // $size-map: ("xs": $size-1, "sm": $size-2, "md": $size-4, "lg": $size-6, "xl": $size-8, "2xl": $size-10, "3xl": $size-12);
 // *******************************************************************
 @each $scale, $size in $size-map {
-  .pull-#{$scale} {
-    margin: -$size !important;
-  }
-
   .pull-#{$scale}--top {
-    margin-top: -$size !important;
+    margin-top: $size * -1 !important;
   }
 
   .pull-#{$scale}--right {
-    margin-right: -$size !important;
+    margin-right: $size * -1 !important;
   }
 
   .pull-#{$scale}--bottom {
-    margin-bottom: -$size !important;
+    margin-bottom: $size * -1 !important;
   }
 
   .pull-#{$scale}--left {
-    margin-left: -$size !important;
-  }
-
-  .pull-#{$scale}--ends {
-    margin-top: -$size !important;
-    margin-bottom: -$size !important;
+    margin-left: $size * -1 !important;
   }
 
   .pull-#{$scale}--sides {
-    margin-right: -$size !important;
-    margin-left: -$size !important;
+    margin-right: $size * -1 !important;
+    margin-left: $size * -1 !important;
   }
 }

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

@@ -4,6 +4,7 @@
 
 .txt--normal {
   font-weight: $font-normal !important;
+  font-style: normal !important;
 }
 
 .txt--bold {
@@ -22,6 +23,10 @@
   white-space: nowrap;
 }
 
+.txt--wrap {
+  white-space: normal;
+}
+
 .txt--break-words {
   word-wrap: break-word;
 }

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

@@ -5,13 +5,9 @@
 // *******************************************************************
 $size-px:  1px;
 $size-0:   0px;
-$size-0-5: 0.125rem;
 $size-1:   0.25rem;
-$size-1-5: 0.375rem;
 $size-2:   0.5rem;
-$size-2-5: 0.625rem;
 $size-3:   0.75rem;
-$size-3-5: 0.875rem;
 $size-4:   1rem;
 $size-5:   1.25rem;
 $size-6:   1.5rem;

data/lib/sass/zero/version.rb

@@ -1,5 +1,5 @@
 module Sass
   module Zero
-    VERSION = "0.0.51"
+    VERSION = "0.0.55"
   end
 end

data/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "sass-zero",
-	"version": "0.0.51",
+	"version": "0.0.55",
 	"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.51
+  version: 0.0.55
 platform: ruby
 authors:
 - lazaronixon
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-11-16 00:00:00.000000000 Z
+date: 2021-12-10 00:00:00.000000000 Z
 dependencies: []
 description: 
 email: