sass-zero 1.3.1 → 1.3.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 669ee902b4728f9a5f9b1457f3025001cd28090849453e443be8ddf0dc01973c
-  data.tar.gz: b1b454f558ab362219ffa2d9752e11f34417692e7e2421688798d37abdb175ad
+  metadata.gz: 6209a9fda20fd0d3480f03bd3f3d65c7ee5dae1831d47e98c353eca33f8a8e6c
+  data.tar.gz: 2d1232cd4718b65ecc43d11e02020373270e6d7848e2074fc1553d31150c308d
 SHA512:
-  metadata.gz: 793557acb4df0cce7454628eb3f428a937dc991ba666d2ebcc06c9236e6abb87aa9657cf101fd15b30c08d86fea8a958538764942b7e4acf9a929a68c845616f
-  data.tar.gz: 28b68629357d86a7d436ea2ad7153f050abdfbcead3288e94f8b1a2231a566a45654cafecc070370eabbcb08df7703cd32f19d03f8f3eae5dca71426dbfb23da
+  metadata.gz: e56ccc926b0cdb2df8924603749be00ab25e58dfd01a2f6d2a0848827dc4b80212c5cad8b596e611a4fbf8dfca898432f18eb12d7703cd0118eb8845c3dff953
+  data.tar.gz: a5e7aec47acc1620e460b96d561938845eaf0db7c8231a1e093e75685914ecc328061cacda7885a7c3c89534af128918c9bfd02de83e90f69874140555e89b1f

data/.sass-zero-references.scss

@@ -725,11 +725,6 @@ $z-50:   50;
 @mixin antialiased {}
 @mixin subpixel-antialiased {}
 @mixin progress-bar {}
-
-// *******************************************************************
-// Animations
-// *******************************************************************
-
 @mixin animate-spin {}
 @mixin animate-ping {}
 @mixin animate-pulse {}

data/Gemfile.lock

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

data/README.md

@@ -16,31 +16,32 @@ Add these lines to your application.css:
 ```css
 *= require sass-zero/base
 *= require sass-zero/utilities
+*= require sass-zero/keyframes
 *= require sass-zero/breadboard
 ```
 
-### Variables
+### Variables / Mixins
 
 Instead of hand-picking values from a limitless pool any time you need to make a decision, start with a smaller set of options.
 
 #### Essential
 
-- [Border](app/assets/stylesheets/sass-zero/variables/_border.scss)
+- [Sizing](app/assets/stylesheets/sass-zero/variables/_sizing.scss)
 - [Colors](app/assets/stylesheets/sass-zero/variables/_colors.scss)
-- [Effects](app/assets/stylesheets/sass-zero/variables/_effects.scss)
+- [Width](app/assets/stylesheets/sass-zero/variables/_width.scss)
 - [Height](app/assets/stylesheets/sass-zero/variables/_height.scss)
-- [Sizing](app/assets/stylesheets/sass-zero/variables/_sizing.scss)
+- [Border](app/assets/stylesheets/sass-zero/variables/_border.scss)
+- [Effects](app/assets/stylesheets/sass-zero/variables/_effects.scss)
 - [Typography](app/assets/stylesheets/sass-zero/variables/_typography.scss)
-- [Width](app/assets/stylesheets/sass-zero/variables/_width.scss)
 - [Z-Index](app/assets/stylesheets/sass-zero/variables/_zindex.scss)
 
 #### Others
 
 - [Breakpoints](app/assets/stylesheets/sass-zero/variables/_breakpoints.scss)
 - [Filters](app/assets/stylesheets/sass-zero/variables/_filters.scss)
-- [Flex](app/assets/stylesheets/sass-zero/variables/_flex.scss)
-- [Grid](app/assets/stylesheets/sass-zero/variables/_grid.scss)
 - [Transform](app/assets/stylesheets/sass-zero/variables/_transform.scss)
+- [Grid](app/assets/stylesheets/sass-zero/variables/_grid.scss)
+- [Flex](app/assets/stylesheets/sass-zero/variables/_flex.scss)
 - [Transition](app/assets/stylesheets/sass-zero/variables/_transition.scss)
 - [Mixins](app/assets/stylesheets/sass-zero/_mixins.scss)
 
@@ -70,12 +71,6 @@ These default styles ensure that even without custom styling, the content is usa
 - [Screenshot](screenshot.png)
 - [Example](example.html)
 
-## Animations
-
-Pre-built keyframes you can use to create your animations.
-
-- [Animations](app/assets/stylesheets/sass-zero/animations.scss)
-
 ## Using variables
 
 Create some stylesheet using [BEM](http://getbem.com/naming) and [SASS-ZERO Variables](app/assets/stylesheets/sass-zero/_variables.scss):

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

@@ -1,3 +1,5 @@
+@import "../variables/sizing";
+
 // *******************************************************************
 // Pad Utilities
 // .pad-[xs|sm|md|lg|xl]--top
@@ -6,8 +8,6 @@
 // .pad-[xs|sm|md|lg|xl]--left
 // *******************************************************************
 
-@import "../variables/sizing";
-
 @each $scale, $size in $size-map {
   .pad-#{$scale}--top {
     padding-top: $size !important;

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

@@ -1,3 +1,5 @@
+@import "../variables/sizing";
+
 // *******************************************************************
 // Pull Utilities
 // .pull-[xs|sm|md|lg|xl]--top
@@ -6,8 +8,6 @@
 // .pull-[xs|sm|md|lg|xl]--left
 // *******************************************************************
 
-@import "../variables/sizing";
-
 @each $scale, $size in $size-map {
   .pull-#{$scale}--top {
     margin-top: $size * -1 !important;

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

@@ -1,3 +1,5 @@
+@import "../variables/sizing";
+
 // *******************************************************************
 // Push Utilities
 // .push-[xs|sm|md|lg|xl]
@@ -9,8 +11,6 @@
 // .push-[xs|sm|md|lg|xl]--sides
 // *******************************************************************
 
-@import "../variables/sizing";
-
 @each $scale, $size in $size-map {
   .push-#{$scale} {
     margin: $size !important;

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

@@ -1,3 +1,14 @@
+// *******************************************************************
+// Border Width
+// Variables for controlling the width of an element's borders.
+// border-width: $border;
+// *******************************************************************
+$border-0: 0;
+$border:   1px;
+$border-2: 2px;
+$border-4: 4px;
+$border-8: 8px;
+
 // *******************************************************************
 // Border Style
 // Variables for controlling the border radius of an element.
@@ -12,14 +23,3 @@ $rounded-xl:   0.75rem;
 $rounded-2xl:  1rem;
 $rounded-3xl:  1.5rem;
 $rounded-full: 9999px;
-
-// *******************************************************************
-// Border Width
-// Variables for controlling the width of an element's borders.
-// border-width: $border;
-// *******************************************************************
-$border-0: 0;
-$border:   1px;
-$border-2: 2px;
-$border-4: 4px;
-$border-8: 8px;

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

@@ -1,12 +1,3 @@
-// *******************************************************************
-// Font Family
-// Variables for controlling the font family of an element.
-// font-family: $font-sans;
-// *******************************************************************
-$font-sans:  ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
-$font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif !default;
-$font-mono:  ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
-
 // *******************************************************************
 // Font Size
 // Variables for controlling the font size of an element.
@@ -61,6 +52,15 @@ $leading-8:       2rem;
 $leading-9:       2.25rem;
 $leading-10:      2.5rem;
 
+// *******************************************************************
+// Font Family
+// Variables for controlling the font family of an element.
+// font-family: $font-sans;
+// *******************************************************************
+$font-sans:  ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
+$font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif !default;
+$font-mono:  ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
+
 // *******************************************************************
 // Letter Spacing
 // Variables for controlling the tracking (letter spacing) of an element.

data/lib/sass_zero/version.rb

@@ -1,5 +1,5 @@
 module Sass
   module Zero
-    VERSION = "1.3.1"
+    VERSION = "1.3.3"
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: sass-zero
 version: !ruby/object:Gem::Version
-  version: 1.3.1
+  version: 1.3.3
 platform: ruby
 authors:
 - lazaronixon
@@ -27,9 +27,9 @@ files:
 - Rakefile
 - app/assets/stylesheets/sass-zero/_mixins.scss
 - app/assets/stylesheets/sass-zero/_variables.scss
-- app/assets/stylesheets/sass-zero/animations.scss
 - app/assets/stylesheets/sass-zero/base.scss
 - app/assets/stylesheets/sass-zero/breadboard.scss
+- app/assets/stylesheets/sass-zero/keyframes.scss
 - app/assets/stylesheets/sass-zero/utilities.scss
 - app/assets/stylesheets/sass-zero/utilities/_align.scss
 - app/assets/stylesheets/sass-zero/utilities/_border.scss