sass-zero 1.1.5 → 1.1.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a3cf509aa64335b05e9a666f6c4cc3a6909c795541776e4be028add9358af573
-  data.tar.gz: a7e0ac1594a6b248903358290390a48f4398c80ba8e0b9fb8985a9cf2c45db12
+  metadata.gz: 4fe9da1ccaf5fbc04d1681efbe93e41526f727adc32be83ebb1682f8fd4df961
+  data.tar.gz: d7aded8f5516caa5ae57c307f755630d591d4c5f33a85308710d382a9848e376
 SHA512:
-  metadata.gz: b9fe32c3665d34d8682f58629850273501077bc08b8aa2c1f5037359291d5f9a80a64ab799afb15044912f7acb353bd65c5c94fde2d2969b55edcb6d6006e52a
-  data.tar.gz: f022e6d018d963b7e7352c7bc57a61960845b5af3f28965c1b2799d2261ce830e0dc25fc11ab3c39b8ffdb9bb713c080a250765c73f42781770f88c29dd683e9
+  metadata.gz: a6ecefd8d3c7ac214b0afe5ef25171a703e704fe8480c3be010ec681cde5003d43c7fe4e7e849ee5650b389307dbb381e7d8e2225f2cbf89f4865aa8c66063a6
+  data.tar.gz: a79e1322722d6bfe2fe3b91b16e24c500f4a00297e42607011f2257250b0e07c55b04abc2851ce443d2b2a6f95862e48300e180ae386553ed222ba6f26ad0b6a

data/.sass-zero-references.scss

@@ -309,8 +309,6 @@ $opacity-90:  0.9;
 $opacity-95:  0.95;
 $opacity-100: 1;
 
-@function ring($width: 2px, $color: rgba($blue-500, 0.5), $offset-width: 0px, $offset-color: $white, $inset: false) {}
-
 // *******************************************************************
 // filters.scss
 // *******************************************************************
@@ -378,10 +376,10 @@ $sepia:   sepia(100%);
 // flex.scss
 // *******************************************************************
 
-$flex-1:       1 1 0%;
-$flex-auto:    1 1 auto;
-$flex-initial: 0 1 auto;
-$flex-none:    none;
+$flex-1:       1 1 0%;   // Allow grow and shrink, ignoring its initial size.
+$flex-auto:    1 1 auto; // Allow grow and shrink, considering its initial size.
+$flex-initial: 0 1 auto; // Allow shrink but not grow, considering its initial size.
+$flex-none:    none;     // Prevent grow or shrink.
 
 $flex-grow-0: 0;
 $flex-grow:   1;
@@ -736,3 +734,4 @@ $z-50:   50;
 @mixin outline-none {}
 @mixin progress-bar {}
 @mixin make-container($padding-x: $size-4) {}
+@mixin gradient($direction, $from, $to: transparent, $via: null) {}

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    sass-zero (1.1.5)
+    sass-zero (1.1.6)
 
 GEM
   remote: https://rubygems.org/

data/README.md

@@ -21,21 +21,25 @@ Add these lines to your application.css:
 
 ### Variables
 
+#### Essential
+
 - [Border](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/border.scss)
-- [Breakpoint](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/breakpoints.scss)
 - [Colors](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/colors.scss)
 - [Effects](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/effects.scss)
-- [Filters](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/filters.scss)
 - [Flex](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/flex.scss)
 - [Grid](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/grid.scss)
+- [Height](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/height.scss)
 - [Sizing](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/sizing.scss)
-- [Transform](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/transform.scss)
-- [Transition](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/transition.scss)
 - [Typography](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/typography.scss)
 - [Width](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/width.scss)
-- [Height](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/height.scss)
-- [Z-Index](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/zindex.scss)
 
+#### Others
+
+- [Breakpoints](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/breakpoints.scss)
+- [Filters](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/filters.scss)
+- [Transform](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/transform.scss)
+- [Transition](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/transition.scss)
+- [Z-Index](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/zindex.scss)
 
 ### Utility classes
 
@@ -43,16 +47,16 @@ Add these lines to your application.css:
 - [Animation](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/animation.scss)
 - [Border](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/border.scss)
 - [Container](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/container.scss)
-- [Margin Push](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/push.scss)
+- [Flex Utilities](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/flex.scss)
+- [Layout Utilities](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/layout.scss)
+- [List Utilities](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/list.scss)
 - [Margin Pull](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/pull.scss)
+- [Margin Push](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/push.scss)
 - [Margin Reset](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/flush.scss)
 - [Padding](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/pad.scss)
 - [Padding Reset](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/unpad.scss)
-- [Text Utilities](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/text.scss)
-- [Layout Utilities](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/layout.scss)
-- [Flex Utilities](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/flex.scss)
 - [Position Utilities](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/position.scss)
-- [List Utilities](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/list.scss)
+- [Text Utilities](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/text.scss)
 
 ### Breadboard
 

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

@@ -41,3 +41,11 @@
   margin-right: auto;
   margin-left:  auto;
 }
+
+@mixin gradient($direction, $from, $to: transparent, $via: null) {
+  @if $via {
+    background-image: linear-gradient($direction, $from, $via, $to);
+  } @else {
+    background-image: linear-gradient($direction, $from, $to);
+  }
+}

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

@@ -1,6 +1,6 @@
 // *******************************************************************
 // Border Style
-// Variables for controlling the style of an element's borders.
+// Variables for controlling the border radius of an element.
 // border-radius: $rounded-none;
 // *******************************************************************
 $rounded-none: 0;

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

@@ -1,6 +1,6 @@
 // *******************************************************************
 // Breakpoints
-// Customizing the default breakpoints for your project.
+// Five breakpoints inspired by common device resolutions.
 // @media (min-width: $breakpoint-md) {   }
 // *******************************************************************
 $breakpoint-sm:  640px;

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

@@ -1,6 +1,8 @@
 // *******************************************************************
 // Default color palette
-// sass-zero includes a generous palette of great-looking, well-balanced colors that are perfect for prototyping or for kicking off a brand new project.
+// Sass-zero includes an expertly-crafted default color palette
+// out-of-the-box that is a great starting point if you don’t
+// have your own specific branding in mind.
 // *******************************************************************
 $transparent: transparent;
 $current: currentColor;

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

@@ -1,6 +1,6 @@
 // *******************************************************************
 // Box Shadow
-// Variables for controlling the box shadow of an element.
+// Variables for controlling the color of a box shadow.
 // box-shadow: $shadow;
 // *******************************************************************
 $shadow-sm:    0 1px 2px 0 rgba(0, 0, 0, 0.05);
@@ -32,20 +32,3 @@ $opacity-80:  0.8;
 $opacity-90:  0.9;
 $opacity-95:  0.95;
 $opacity-100: 1;
-
-// *******************************************************************
-// Ring
-// Function for creating outline rings with box-shadows.
-// box-shadow: ring($width: 4px);
-// *******************************************************************
-@function ring($width: 2px, $color: rgba($blue-500, 0.5), $offset-width: 0px, $offset-color: $white, $inset: false) {
-  @if $inset {
-    $ring-offset-shadow: inset 0 0 0 $offset-width $offset-color;
-    $ring-shadow: inset 0 0 0 ($width + $offset-width) $color;
-    @return $ring-offset-shadow, $ring-shadow, 0 0 #0000;
-  } @else {
-    $ring-offset-shadow: 0 0 0 $offset-width $offset-color;
-    $ring-shadow: 0 0 0 ($width + $offset-width) $color;
-    @return $ring-offset-shadow, $ring-shadow, 0 0 #0000;
-  }
-}

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

@@ -1,7 +1,7 @@
 // *******************************************************************
 // Blur
 // Variables for applying blur filters to an element.
-// filter: $blur; backdrop-filter: $blur;
+// filter|backdrop-filter: $blur;
 // *******************************************************************
 $blur-none: blur(0);
 $blur-sm:   blur(4px);
@@ -15,7 +15,7 @@ $blur-3xl:  blur(64px);
 // *******************************************************************
 // Brightness
 // Variables for applying brightness filters to an element.
-// filter: $brightness-50; backdrop-filter: $brightness-50;
+// filter|backdrop-filter: $brightness-50;
 // *******************************************************************
 $brightness-0:   brightness(0);
 $brightness-50:  brightness(0.5);
@@ -32,7 +32,7 @@ $brightness-200: brightness(2);
 // *******************************************************************
 // Contrast
 // Variables for applying brightness filters to an element.
-// filter: $contrast-50; backdrop-filter: $contrast-50;
+// filter|backdrop-filter: $contrast-50;
 // *******************************************************************
 $contrast-0:   contrast(0);
 $contrast-50:  contrast(0.5);
@@ -45,7 +45,7 @@ $contrast-200: contrast(2);
 // *******************************************************************
 // Drop Shadow
 // Variables for applying drop-shadow filters to an element.
-// filter: $drop-shadow; backdrop-filter: $drop-shadow;
+// filter|backdrop-filter: $drop-shadow;
 // *******************************************************************
 $drop-shadow-none: drop-shadow(0 0 #0000);
 $drop-shadow-sm:   drop-shadow(0 1px 1px rgba(0, 0, 0, 0.05));
@@ -58,7 +58,7 @@ $drop-shadow-2xl:  drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15));
 // *******************************************************************
 // Grayscale
 // Variables for applying grayscale filters to an element.
-// filter: $grayscale; backdrop-filter: $grayscale;
+// filter|backdrop-filter: $grayscale;
 // *******************************************************************
 $grayscale-0: grayscale(0);
 $grayscale:   grayscale(100%);
@@ -66,7 +66,7 @@ $grayscale:   grayscale(100%);
 // *******************************************************************
 // Hue Rotate
 // Variables for applying hue-rotate filters to an element.
-// filter: $hue-rotate-30; backdrop-filter: $hue-rotate-30;
+// filter|backdrop-filter: $hue-rotate-30;
 // *******************************************************************
 $hue-rotate-0:   hue-rotate(0deg);
 $hue-rotate-15:  hue-rotate(15deg);
@@ -78,7 +78,7 @@ $hue-rotate-180: hue-rotate(180deg);
 // *******************************************************************
 // Invert
 // Variables for applying invert filters to an element.
-// filter: $invert; backdrop-filter: $invert;
+// filter|backdrop-filter: $invert;
 // *******************************************************************
 $invert-0: invert(0);
 $invert:   invert(100%);
@@ -86,7 +86,7 @@ $invert:   invert(100%);
 // *******************************************************************
 // Saturate
 // Variables for applying saturation filters to an element.
-// filter: $saturate-50; backdrop-filter: $saturate-50;
+// filter|backdrop-filter: $saturate-50;
 // *******************************************************************
 $saturate-0:   saturate(0);
 $saturate-50:  saturate(0.5);
@@ -97,7 +97,7 @@ $saturate-200: saturate(2);
 // *******************************************************************
 // Sepia
 // Variables for applying sepia filters to an element.
-// filter: $sepia; backdrop-filter: $sepia;
+// filter|backdrop-filter: $sepia;
 // *******************************************************************
 $sepia-0: sepia(0);
 $sepia:   sepia(100%);

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

@@ -3,10 +3,10 @@
 // Variables for controlling how flex items both grow and shrink.
 // flex: $flex-1;
 // *******************************************************************
-$flex-1:       1 1 0%;
-$flex-auto:    1 1 auto;
-$flex-initial: 0 1 auto;
-$flex-none:    none;
+$flex-1:       1 1 0%;   // Allow grow and shrink, ignoring its initial size.
+$flex-auto:    1 1 auto; // Allow grow and shrink, considering its initial size.
+$flex-initial: 0 1 auto; // Allow shrink but not grow, considering its initial size.
+$flex-none:    none;     // Prevent grow or shrink.
 
 // *******************************************************************
 // Flex Grow

data/lib/sass_zero/version.rb

@@ -1,5 +1,5 @@
 module Sass
   module Zero
-    VERSION = "1.1.5"
+    VERSION = "1.1.6"
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: sass-zero
 version: !ruby/object:Gem::Version
-  version: 1.1.5
+  version: 1.1.6
 platform: ruby
 authors:
 - lazaronixon
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-06-30 00:00:00.000000000 Z
+date: 2023-07-04 00:00:00.000000000 Z
 dependencies: []
 description:
 email: