sass-zero 0.0.47 → 0.0.51

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 2a31299ba5a18323b097072ca19ed18e074a33cceae5d52d8dcb7defdba8ac31
-  data.tar.gz: d21a8567351022034bbcf179130c9dd23a848e42a134419758dc5a902417b129
+  metadata.gz: 1a755dda04ae3abd81d14fc0701f7153396e158f1aa1f565fa746c377ee88f60
+  data.tar.gz: dab9743199cf481603ea42f411bd0bf1c4659a769feebbb5add11ba5774aca4b
 SHA512:
-  metadata.gz: 99218a1afd73ea6f469085ba8ce0540010fcc50a47b36baa03f1e9a59c5f2414077e0d99871ae15165f409306636ea49236209d82b72c7c8330f80c23869c9fa
-  data.tar.gz: a93203f808882fdc36b682499cbfd7792e7c40c7d501b966b91dee5a0387b18404d8cf9c92b9f748ac570b7551a87639e61a94411eecabddfd48bc33b263c846
+  metadata.gz: 0afe3f2dca9b2bdfae8acdee0522f54d6e5c79fe9016440aaad843823459fa55fc903f6f7baad90807c7a7dd50f9073d581ecc8b3a1a14db42eadcf91642e1f4
+  data.tar.gz: 4627eb5f8f78f57c15d05830b41168a59913b952cacff08d7f16a6a95beaa94df7226e632f5bebda07c17837d938cc536187ad58d737f347048efb83fc86479c

data/README.md

@@ -71,7 +71,6 @@ Add this to your application's Gemfile:
 
 ```ruby
 gem 'sass-zero'
-gem 'autoprefixer-rails'
 ```
 
 ## Usage

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

@@ -63,7 +63,7 @@ html {
   border-radius: $radius-input;
   border-width: $border;
   padding: $size-2 $size-3;
-  width: $size-full;
+  width: $w-full;
 
   &--select {
     background-image: var(--image-bg-select);
@@ -173,7 +173,7 @@ blockquote, figure, p, pre, table, ul, ol, dl {
 }
 
 table {
-  width: $size-full;
+  width: $w-full;
 }
 
 td, th {

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

@@ -62,6 +62,6 @@
   width: 100%;
   padding-right: $padding-x;
   padding-left: $padding-x;
-  margin-right: $size-auto;
-  margin-left:  $size-auto;
+  margin-right: auto;
+  margin-left:  auto;
 }

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

@@ -1,23 +1,29 @@
 // *******************************************************************
 // Height
 // Variables for setting the height of an element
-// height: $h-per-1-2;
+// height: $h-1-2;
 // *******************************************************************
-$h-per-1-2: 50%;
-$h-per-1-3: 33.333333%;
-$h-per-2-3: 66.666667%;
-$h-per-1-4: 25%;
-$h-per-2-4: 50%;
-$h-per-3-4: 75%;
-$h-per-1-5: 20%;
-$h-per-2-5: 40%;
-$h-per-3-5: 60%;
-$h-per-4-5: 80%;
-$h-per-1-6: 16.666667%;
-$h-per-2-6: 33.333333%;
-$h-per-3-6: 50%;
-$h-per-4-6: 66.666667%;
-$h-per-5-6: 83.333333%;
+$h-auto:   auto;
+$h-1-2:    50%;
+$h-1-3:    33.333333%;
+$h-2-3:    66.666667%;
+$h-1-4:    25%;
+$h-2-4:    50%;
+$h-3-4:    75%;
+$h-1-5:    20%;
+$h-2-5:    40%;
+$h-3-5:    60%;
+$h-4-5:    80%;
+$h-1-6:    16.666667%;
+$h-2-6:    33.333333%;
+$h-3-6:    50%;
+$h-4-6:    66.666667%;
+$h-5-6:    83.333333%;
+$h-full:   100%;
+$h-screen: 100vw;
+$h-min:    min-content;
+$h-max:    max-content;
+$h-fit:    fit-content;
 
 // *******************************************************************
 // Min-Height
@@ -27,6 +33,9 @@ $h-per-5-6: 83.333333%;
 $min-h-0:      0px;
 $min-h-full:   100%;
 $min-h-screen: 100vh;
+$min-h-min:    min-content;
+$min-h-max:    max-content;
+$min-h-fit:    fit-content;
 
 // *******************************************************************
 // Max-Height
@@ -35,3 +44,6 @@ $min-h-screen: 100vh;
 // *******************************************************************
 $max-h-full:   100%;
 $max-h-screen: 100vh;
+$max-h-min:    min-content;
+$max-h-max:    max-content;
+$max-h-fit:    fit-content;

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

@@ -39,10 +39,4 @@ $size-72:  18rem;
 $size-80:  20rem;
 $size-96:  24rem;
 
-$size-auto:   auto;
-$size-full:   100%;
-$size-screen: 100vw;
-$size-min:    min-content;
-$size-max:    max-content;
-
 $size-map: ("xs": $size-1, "sm": $size-2, "md": $size-4, "lg": $size-6, "xl": $size-8, "2xl": $size-10, "3xl": $size-12);

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

@@ -29,6 +29,19 @@ $rotate-45:  45deg;
 $rotate-90:  90deg;
 $rotate-180: 180deg;
 
+// *******************************************************************
+// Translate
+// Variables for translating elements with transform.
+// transform: translate($translate-1-2);
+// *******************************************************************
+$translate-1-2:  50%;
+$translate-1-3:  33.333333%;
+$translate-2-3:  66.666667%;
+$translate-1-4:  25%;
+$translate-2-4:  50%;
+$translate-3-4:  75%;
+$translate-full: 100%;
+
 // *******************************************************************
 // Skew
 // Variables for skewing elements with transform.

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

@@ -1,34 +1,40 @@
 // *******************************************************************
 // Width
 // Variables for setting the width of an element
-// width: $w-per-1-2;
+// width: $w-1-2;
 // *******************************************************************
-$w-per-1-2:   50%;
-$w-per-1-3:   33.333333%;
-$w-per-2-3:   66.666667%;
-$w-per-1-4:   25%;
-$w-per-2-4:   50%;
-$w-per-3-4:   75%;
-$w-per-1-5:   20%;
-$w-per-2-5:   40%;
-$w-per-3-5:   60%;
-$w-per-4-5:   80%;
-$w-per-1-6:   16.666667%;
-$w-per-2-6:   33.333333%;
-$w-per-3-6:   50%;
-$w-per-4-6:   66.666667%;
-$w-per-5-6:   83.333333%;
-$w-per-1-12:  8.333333%;
-$w-per-2-12:  16.666667%;
-$w-per-3-12:  25%;
-$w-per-4-12:  33.333333%;
-$w-per-5-12:  41.666667%;
-$w-per-6-12:  50%;
-$w-per-7-12:  58.333333%;
-$w-per-8-12:  66.666667%;
-$w-per-9-12:  75%;
-$w-per-10-12: 83.333333%;
-$w-per-11-12: 91.666667%;
+$w-auto:   auto;
+$w-1-2:    50%;
+$w-1-3:    33.333333%;
+$w-2-3:    66.666667%;
+$w-1-4:    25%;
+$w-2-4:    50%;
+$w-3-4:    75%;
+$w-1-5:    20%;
+$w-2-5:    40%;
+$w-3-5:    60%;
+$w-4-5:    80%;
+$w-1-6:    16.666667%;
+$w-2-6:    33.333333%;
+$w-3-6:    50%;
+$w-4-6:    66.666667%;
+$w-5-6:    83.333333%;
+$w-1-12:   8.333333%;
+$w-2-12:   16.666667%;
+$w-3-12:   25%;
+$w-4-12:   33.333333%;
+$w-5-12:   41.666667%;
+$w-6-12:   50%;
+$w-7-12:   58.333333%;
+$w-8-12:   66.666667%;
+$w-9-12:   75%;
+$w-10-12:  83.333333%;
+$w-11-12:  91.666667%;
+$w-full:   100%;
+$w-screen: 100vw;
+$w-min:    min-content;
+$w-max:    max-content;
+$w-fit:    fit-content;
 
 // *******************************************************************
 // Min-Width
@@ -39,6 +45,7 @@ $min-w-0:    0px;
 $min-w-full: 100%;
 $min-w-min:  min-content;
 $min-w-max:  max-content;
+$min-w-fit:  fit-content;
 
 // *******************************************************************
 // Max-Width
@@ -61,3 +68,4 @@ $max-w-7xl:  80rem;
 $max-w-full: 100%;
 $max-w-min:  min-content;
 $max-w-max:  max-content;
+$max-w-fit:  fit-content;

data/lib/sass/zero/version.rb

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

data/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "sass-zero",
-	"version": "0.0.47",
+	"version": "0.0.51",
 	"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",

data/sass-zero.gemspec

@@ -12,7 +12,5 @@ Gem::Specification.new do |spec|
   spec.homepage      = "http://github.com/lazaronixon/sass-zero"
   spec.license       = "MIT"
 
-  spec.add_runtime_dependency "autoprefixer-rails", "~> 10.3"
-
   spec.files = `git ls-files -z`.split("\x0")
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: sass-zero
 version: !ruby/object:Gem::Version
-  version: 0.0.47
+  version: 0.0.51
 platform: ruby
 authors:
 - lazaronixon
@@ -9,21 +9,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 date: 2021-11-16 00:00:00.000000000 Z
-dependencies:
-- !ruby/object:Gem::Dependency
-  name: autoprefixer-rails
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '10.3'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '10.3'
+dependencies: []
 description: 
 email:
 - lazaronixon@hotmail.com