sass-zero 1.0.1 → 1.0.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c854b53b284807e980381e23c97a299e4a3418d9fc6ed2ea159c72b22f2ff675
-  data.tar.gz: 5b677eefbd12f5ef3ecb04c799b68bc58173a9448f574e847804f0393efb8375
+  metadata.gz: f32539e9c34c61f5d5be57df924b211662fbb61c8600b75e4d276a684976bb0b
+  data.tar.gz: c6cc588d93f8dd57bd6dcd91090b9bb3ef5f661f8c831e5b2a6af71e30461479
 SHA512:
-  metadata.gz: 7383e893ded2ce3166429798fb3bc3f9121368a2ad7ce7a877c960cd9c20e56b55f81bb89467a8063b0cb5cdf590f5a9da8a5d8daa22359d73ad4b24903d4608
-  data.tar.gz: f90ce8c8f05de51f39a1d04183c262a0c07e1946b130eb5cec11984a05386bcb2f36f4810530353cbb5537300bb13eebbe7b1a756030d5f845277e03d7485f10
+  metadata.gz: 74014a811dff43c7348d850726619c924231fcb810e3c61fcc27444b4d6b8730f1acf7f9691486026b1c123970223ac52b76c1e0967dfa70e716bacac738d979
+  data.tar.gz: cc6eb9014294a9c7fe3c578d54d96a7fdd97c5466a332629d3e3ad77e47b065aec5572aba96fc0b93d987b0c9f8e54e4f444121607e0dbba245deb84f89b46cd

data/Example.html

@@ -18,9 +18,11 @@
   <button class="btn btn--secondary">Button Secondary</button>
   <button class="btn btn--tertiary">Button Tertiary</button>
 
-  <a href="#" class="btn btn--primary">Link Button</a>
+  <a href="#" class="btn btn--secondary">Link Button</a>
+  <input type="submit" value="Submit Button" class="btn btn--secondary" />
 
-  <input type="submit" value="Submit Button" class="btn btn--primary" />
+  <button class="btn btn--secondary"><i class="bx bx-plus"></i> Icon Button</button>
+  <button class="btn btn--secondary btn--small">Small Button</button>
 
   <hr>
 

data/README.md

@@ -102,6 +102,12 @@ Create some stylesheet using [BEM](http://getbem.com/naming) and [SASS-ZERO Vari
 }
 ```
 
+```html
+<div class="block block--modifier">
+  <div class="block__element" />
+</div>
+```
+
 ## References
 
 - [SASS](https://sass-lang.com)
@@ -110,6 +116,7 @@ Create some stylesheet using [BEM](http://getbem.com/naming) and [SASS-ZERO Vari
 - [BEM](http://getbem.com/naming)
 - [Refactoring UI](https://refactoringui.com/book)
 - [Shape UP](https://basecamp.com/shapeup)
+- [Boxicons](https://boxicons.com)
 
 ## License
 

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

@@ -260,3 +260,12 @@ video {
 [hidden] {
   display: none;
 }
+
+/**
+ * Unfortunate hack until https://bugs.webkit.org/show_bug.cgi?id=198959 is fixed.
+ * This sucks because users can't change line-height with a utility on date inputs now.
+ * Reference: https://github.com/twbs/bootstrap/pull/31993
+ */
+::-webkit-date-and-time-value {
+  min-height: 1.5em;
+}

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

@@ -38,7 +38,7 @@ html {
   border-width: $border;
   display: inline-block;
   font-weight: $font-bold;
-  padding: $size-2 $size-4;
+  padding: $size-2 $size-3;
   cursor: pointer;
 
   &--primary {
@@ -58,6 +58,15 @@ html {
     border-color: $transparent;
   }
 
+  &--small {
+    font-size: $text-sm;
+  }
+
+  & > i {
+    vertical-align: sub;
+    font-size: 1.25em;
+  }
+
   &:focus {
     box-shadow: ring($color: var(--color-focus-ring));
     @include outline-none;
@@ -93,6 +102,11 @@ html {
     box-shadow: ring($color: var(--color-focus-ring));
     @include outline-none;
   }
+
+  &:disabled {
+    pointer-events: none;
+    opacity: $opacity-50;
+  }
 }
 
 input[type="checkbox"], input[type="radio"] {
@@ -110,10 +124,6 @@ blockquote {
   padding: $size-3 $size-4;
 }
 
-cite {
-  font-size: $text-sm;
-}
-
 code {
   background-color: var(--color-bg--surface);
   border-radius: $rounded;
@@ -182,7 +192,7 @@ fieldset, .input {
   margin-bottom: $size-6;
 }
 
-table, details, blockquote, p, pre, ul, ol, dl {
+table, details, blockquote, figure, p, pre, ul, ol, dl {
   margin-bottom: $size-6;
 }
 
@@ -192,6 +202,10 @@ details {
   border-left-width: $border-4;
 }
 
+details[open] > summary {
+  margin-bottom: $size-1;
+}
+
 summary {
   cursor: pointer;
 }
@@ -234,3 +248,7 @@ h5, .hdg--lg {
 h6, .hdg--base {
   font-size: $text-base;
 }
+
+figcaption, cite {
+  font-size: $text-sm;
+}

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

@@ -15,7 +15,7 @@ $rounded-full: 9999px;
 
 // *******************************************************************
 // Border Width
-// Utilities for controlling the width of an element's borders.
+// Variables for controlling the width of an element's borders.
 // border-width: $border;
 // *******************************************************************
 $border-0: 0;

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

@@ -14,7 +14,7 @@ $shadow-none:  none;
 
 // *******************************************************************
 // Opacity
-// Utilities for controlling the opacity of an element.
+// Variables for controlling the opacity of an element.
 // opacity: $opacity-25;
 // *******************************************************************
 $opacity-0:   0;
@@ -35,7 +35,7 @@ $opacity-100: 1;
 
 // *******************************************************************
 // Ring
-// Utilities for creating outline rings with box-shadows.
+// Function for creating outline rings with box-shadows.
 // box-shadow: ring($width: 4px);
 // *******************************************************************
 @function ring($width: 3px, $color: rgba($blue-500, 0.5), $offset-width: 0px, $offset-color: $white, $inset: false)  {

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

@@ -10,7 +10,7 @@ $flex-none:    none;
 
 // *******************************************************************
 // Flex Grow
-// Utilities for controlling how flex items grow.
+// Variables for controlling how flex items grow.
 // flex-grow: $flex-grow-0;
 // *******************************************************************
 $flex-grow-0: 0;
@@ -18,7 +18,7 @@ $flex-grow:   1;
 
 // *******************************************************************
 // Flex Shrink
-// Utilities for controlling how flex items shrink.
+// Variables for controlling how flex items shrink.
 // flex-shrink: $flex-shrink-0;
 // *******************************************************************
 $flex-shrink-0: 0;

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

@@ -1,6 +1,6 @@
 // *******************************************************************
 // Grid Template Columns
-// Utilities for specifying the columns in a grid layout.
+// Variables for specifying the columns in a grid layout.
 // grid-template-columns: $grid-cols-1;
 // *******************************************************************
 $grid-cols-1:    repeat(1, minmax(0, 1fr));
@@ -19,7 +19,7 @@ $grid-cols-none: none;
 
 // *******************************************************************
 // Grid Column Start / End
-// Utilities for controlling how elements are sized and placed across grid columns.
+// Variables for controlling how elements are sized and placed across grid columns.
 // grid-column: $col-span-1;
 // *******************************************************************
 $col-auto:      auto;
@@ -39,7 +39,7 @@ $col-span-full:	1 / -1;
 
 // *******************************************************************
 // Grid Template Rows
-// Utilities for specifying the rows in a grid layout.
+// Variables for specifying the rows in a grid layout.
 // grid-template-rows: $grid-rows-1;
 // *******************************************************************
 $grid-rows-1:    repeat(1, minmax(0, 1fr));
@@ -52,7 +52,7 @@ $grid-rows-none: none;
 
 // *******************************************************************
 // Grid Row Start / End
-// Utilities for controlling how elements are sized and placed across grid rows.
+// Variables for controlling how elements are sized and placed across grid rows.
 // grid-row: $row-span-1;
 // *******************************************************************
 $row-auto:      auto;
@@ -66,7 +66,7 @@ $row-span-full: 1 / -1;
 
 // *******************************************************************
 // Grid Auto Columns
-// Utilities for controlling the size of implicitly-created grid columns.
+// Variables for controlling the size of implicitly-created grid columns.
 // grid-auto-columns: $auto-cols-auto;
 // *******************************************************************
 $auto-cols-auto: auto;
@@ -76,7 +76,7 @@ $auto-cols-fr:   minmax(0, 1fr);
 
 // *******************************************************************
 // Grid Auto Rows
-// Utilities for controlling the size of implicitly-created grid rows.
+// Variables for controlling the size of implicitly-created grid rows.
 // grid-auto-rows: $auto-rows-auto;
 // *******************************************************************
 $auto-rows-auto: auto;

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

@@ -40,7 +40,7 @@ $size-map: (
   "sm":  $size-4,
   "md":  $size-6,
   "lg":  $size-12,
-  "xl":  $size-20,
+  "xl":  $size-16,
   "2xl": $size-24,
   "3xl": $size-32
 );

data/lib/sass/zero/version.rb

@@ -1,5 +1,5 @@
 module Sass
   module Zero
-    VERSION = "1.0.1"
+    VERSION = "1.0.5"
   end
 end

data/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "sass-zero",
-	"version": "1.0.1",
+	"version": "1.0.5",
 	"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: 1.0.1
+  version: 1.0.5
 platform: ruby
 authors:
 - lazaronixon
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-01-31 00:00:00.000000000 Z
+date: 2022-02-04 00:00:00.000000000 Z
 dependencies: []
 description: 
 email: