sass-zero 1.1.7 → 1.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 114ed05332fe9df3860360aadec6045faaa8e260fe8f67e0c013683929577b01
-  data.tar.gz: 72b2ab1ad8d57e93762ff9e314c0fb3139dcbd7d2fcab8e206a8c48628eea8b4
+  metadata.gz: ba90537c1863378335ab5d75f4bbec2b40cadfbfe9a411ef8e9eecea7cd61b05
+  data.tar.gz: 60bd88b0235a72815efabf572dcd74e84d80e89e76cf62d8c11b22a9745aeee7
 SHA512:
-  metadata.gz: c1472582db52dba68bf6bde60c1cbe2146ada491d39d83271a3a24f8005e2a60b52e75d01a3bcd9066f89a13b40df228bf95219546173783e5cc1da5f6d96b89
-  data.tar.gz: bfd43f33caa510c7a675acb957c215dc74e3e95339f2da0a4937886bc5296004ae626bed236d428a6c007b5e32b3b0ad21879930b2e49da4a3a39065a16a18d1
+  metadata.gz: aa3f62f922ef34285d8e76a20dd36ee5b5efedcda713bed5fce70781fc3e7007adc1ba32bdd487285ea09ae602c6691edb1d1338f01dfcb82b8cd66f597e6611
+  data.tar.gz: 9f72e0f2ef60bccdf82009276a423ede2c88be2ba3a9e238a05060bd82e47c8e168a382977230644f7616c125ddd6145913cc967b9f738407034db0f1bcabdb9

data/.sass-zero-references.scss

@@ -437,16 +437,6 @@ $row-span-5:    span 5 / span 5;
 $row-span-6:    span 6 / span 6;
 $row-span-full: calc(1 / -1);
 
-$auto-cols-auto: auto;
-$auto-cols-min:  min-content;
-$auto-cols-max:  max-content;
-$auto-cols-fr:   minmax(0, 1fr);
-
-$auto-rows-auto: auto;
-$auto-rows-min:  min-content;
-$auto-rows-max:  max-content;
-$auto-rows-fr:   minmax(0, 1fr);
-
 // *******************************************************************
 // Height
 // *******************************************************************

data/Gemfile.lock

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

data/README.md

@@ -21,29 +21,33 @@ Add these lines to your application.css:
 
 ### Variables
 
+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](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/_border.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)
-- [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)
 - [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)
+- [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)
+- [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)
 - [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)
 - [Mixins](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/_mixins.scss)
 
 ### Utility classes
 
+This can be useful for dealing with similar components, and positioning.
+
 - [Align](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/_align.scss)
 - [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)
@@ -61,7 +65,7 @@ Add these lines to your application.css:
 
 ## Breadboard
 
-This is an optional black-and-white theme that you can use as design foundation.
+This is an optional grayscale theme that you can use as design foundation.
 
 - [Breadboard](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/breadboard.scss)
 - [Screenshot](https://nixo-etc.s3-sa-east-1.amazonaws.com/sass-zero-screenshot-3.png)
@@ -92,6 +96,11 @@ Create some stylesheet using [BEM](http://getbem.com/naming) and [SASS-ZERO Vari
 ```
 
 ```html
+<div class="block">
+  <div class="block__element_one" />
+  <div class="block__element_two" />
+</div>
+
 <div class="block block--modifier">
   <div class="block__element_one" />
   <div class="block__element_two" />
@@ -115,7 +124,7 @@ Create some stylesheet using [BEM](http://getbem.com/naming) and [SASS-ZERO Vari
 
 When you are sure about the style of your application you should make a copy of `breadboard.scss` and customize fonts, borders, and colors.
 
-You will need to remove the breadboard from application.css:
+You will need to remove the original breadboard from application.css:
 
 ```css
 *= require sass-zero/base
@@ -124,7 +133,7 @@ You will need to remove the breadboard from application.css:
 
 ### Variables
 
-Instead of using the default variables you can add or change variables, I recommend you make a copy of `_variables.scss` to your application and change it as you want.
+Instead of using the default variables you can add more or change the existents, I recommend you make a copy of `_variables.scss` to your application and change it as you want.
 
 ```scss
 @import "sass-zero/variables/border";

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

@@ -3,8 +3,8 @@
 // Five breakpoints inspired by common device resolutions.
 // @media (min-width: $breakpoint-md) {   }
 // *******************************************************************
-$breakpoint-sm:  640px;
-$breakpoint-md:  768px;
-$breakpoint-lg:  1024px;
-$breakpoint-xl:  1280px;
-$breakpoint-2xl: 1536px;
+$breakpoint-sm:  640px  !default;
+$breakpoint-md:  768px  !default;
+$breakpoint-lg:  1024px !default;
+$breakpoint-xl:  1280px !default;
+$breakpoint-2xl: 1536px !default;

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

@@ -63,23 +63,3 @@ $row-span-4:    span 4 / span 4;
 $row-span-5:    span 5 / span 5;
 $row-span-6:    span 6 / span 6;
 $row-span-full: calc(1 / -1);
-
-// *******************************************************************
-// Grid Auto Columns
-// Variables for controlling the size of implicitly-created grid columns.
-// grid-auto-columns: $auto-cols-auto;
-// *******************************************************************
-$auto-cols-auto: auto;
-$auto-cols-min:  min-content;
-$auto-cols-max:  max-content;
-$auto-cols-fr:   minmax(0, 1fr);
-
-// *******************************************************************
-// Grid Auto Rows
-// Variables for controlling the size of implicitly-created grid rows.
-// grid-auto-rows: $auto-rows-auto;
-// *******************************************************************
-$auto-rows-auto: auto;
-$auto-rows-min:  min-content;
-$auto-rows-max:  max-content;
-$auto-rows-fr:   minmax(0, 1fr);

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

@@ -3,9 +3,9 @@
 // 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";
-$font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
-$font-mono:  ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+$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

data/lib/sass_zero/version.rb

@@ -1,5 +1,5 @@
 module Sass
   module Zero
-    VERSION = "1.1.7"
+    VERSION = "1.2.0"
   end
 end

data/sass-zero.gemspec

@@ -5,7 +5,7 @@ Gem::Specification.new do |spec|
   spec.version       = Sass::Zero::VERSION
   spec.authors       = ["lazaronixon"]
   spec.email         = ["lazaronixon@hotmail.com"]
-  spec.summary       = "A CSS framework for rapid UI development based on tailwindcss, miligram and BEM."
+  spec.summary       = "A CSS framework for custom UI development."
   spec.homepage      = "http://github.com/lazaronixon/sass-zero"
   spec.license       = "MIT"
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: sass-zero
 version: !ruby/object:Gem::Version
-  version: 1.1.7
+  version: 1.2.0
 platform: ruby
 authors:
 - lazaronixon
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-07-05 00:00:00.000000000 Z
+date: 2023-07-07 00:00:00.000000000 Z
 dependencies: []
 description:
 email:
@@ -85,6 +85,5 @@ requirements: []
 rubygems_version: 3.3.7
 signing_key:
 specification_version: 4
-summary: A CSS framework for rapid UI development based on tailwindcss, miligram and
-  BEM.
+summary: A CSS framework for custom UI development.
 test_files: []