sass-zero 1.1.2 → 1.1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: bb94f7877ecbf56cc61f72c37bfd70c3f251e0aea75d45bfb94869cbb777276f
-  data.tar.gz: 68db4e8875bf2275bfdbb7709794cf51e9de3d444a0c12bfca782118c727cb3a
+  metadata.gz: 4c3ae66178979873a6c94299148c552fd111d97667f44bedefa606c06fb47fd8
+  data.tar.gz: 8dff808e65ba1a32a244187446e6dfc0383fdb16f8c1c2f005a778ad4926c1bf
 SHA512:
-  metadata.gz: 7a44389359af7290359a2751d402cb50d80bb60f13d84b61835bb6fb6cb9eeb2e50543e7c904bf8f70e0be12b82a135577662bedf063a138652171e450e301d7
-  data.tar.gz: ce0d7bcc4c03b830606f2bf70269ca6253ac90379cf99b60e974a64de80d0f6a5e8c4433737fe223334434b5cf1273618bfcc9ec0ed6f0ee6903cb03a2a4d285
+  metadata.gz: 71cc61dc9360ef52fc5422475be79cb687a1cab85e271ad6ed21304401c071a465ad1ea03c7cd1f19c9cdf84ba3e97ce99717b51975c10791bd791e22a81658c
+  data.tar.gz: 8fdd20c09ebc2d87aa1c140d5e08945dad6582ae9e62080f588763de3eebc3d12dd476bce666918acf4cd3810364eb7247fc69030ed26d4b8cf597e152f9920d

data/Gemfile.lock

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

data/README.md

@@ -4,33 +4,52 @@ SASS-ZERO is a css framework that brings concepts from [tailwindcss](https://tai
 
 ![screenshot](https://nixo-etc.s3-sa-east-1.amazonaws.com/sass-zero-screenshot-3.png)
 
-### Milligram
+## Installation
 
-"Programmers don’t need a pixel-perfect design to start implementing. All they need are endpoints: input elements, buttons, places where stored data should appear. These affordances are the core of a user interface design." - [Shape UP](https://basecamp.com/shapeup/3.2-chapter-10#affordances-before-pixel-perfect-screens).
+```ruby
+bundle add sassc-rails
+bundle add sass-zero
+```
 
-SASS-ZERO comes with a basic grayscale theme that help you to bring your ideas to life, questions about font, color, spacing and layout can be resolved after the raw affordances.
+## Usage
 
-### Tailwind CSS
+Add these lines to your application.css:
 
-"Instead of hand-picking values from a limitless pool any time you need to make a decision, start with a smaller set of options." - [Refactoring UI](https://refactoringui.com/book).
+```css
+ *= require sass-zero/base
+ *= require sass-zero/utilities
+ *= require sass-zero/breadboard
+```
 
-SASS-ZERO use font, color, spacing, border and etc from [tailwindcss](https://tailwindcss.com) but instead the utility-first approach we use [sass variables](https://sass-lang.com/documentation/variables).
+### Using variables
 
-### BEM
+Create some stylesheet using [BEM](http://getbem.com/naming) and [SASS-ZERO Variables](https://github.com/lazaronixon/sass-zero/blob/master/vendor/assets/stylesheets/sass-zero/variables.scss):
 
-I believe that html is code, therefore it should be named and scoped as well. Developers need to be good with naming things, css is another oportunity to practice.
+```scss
+@import "sass-zero/variables";
 
-### Shape UP
+.block {
+  color: $red-300;
 
-SASS-ZERO comes with a implict flow from Shape UP, Find Elemens -> Create Affordance -> Make it Beautiful.
+  &__element {
+    color: $red-400;
+  }
 
-### Refactoring UI
+  &--modifier {
+    color: $red-500;
+  }
+}
+```
 
-Developers should be able to produce your own design, [Refactoring UI](https://refactoringui.com/book) is the book for that.
+```html
+<div class="block block--modifier">
+  <div class="block__element" />
+</div>
+```
 
 ### Breadboard Theme
 
-- [Example](https://github.com/lazaronixon/sass-zero/blob/master/Example.html)
+- [Example](https://github.com/lazaronixon/sass-zero/blob/master/example/index.html)
 - [Breadboard](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/breadboard.scss)
 
 ### Variables
@@ -68,48 +87,6 @@ Developers should be able to produce your own design, [Refactoring UI](https://r
 - [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)
 
-## Installation
-
-Add this to your application's Gemfile:
-
-```ruby
-gem "sass-zero"
-```
-
-## Usage
-
-Add this line to your application.css:
-
-```css
- *= require sass-zero/base
- *= require sass-zero/utilities
- *= require sass-zero/breadboard
-```
-
-Create some stylesheet using [BEM](http://getbem.com/naming) and [SASS-ZERO Variables](https://github.com/lazaronixon/sass-zero/blob/master/vendor/assets/stylesheets/sass-zero/variables.scss):
-
-```scss
-@import "sass-zero/variables";
-
-.block {
-  color: $red-300;
-
-  &__element {
-    color: $red-400;
-  }
-
-  &--modifier {
-    color: $red-500;
-  }
-}
-```
-
-```html
-<div class="block block--modifier">
-  <div class="block__element" />
-</div>
-```
-
 ## References
 
 - [SASS](https://sass-lang.com)

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

@@ -25,7 +25,7 @@ $radius-secondary: $rounded;
 }
 
 html {
-  accent-color: var(--color-primary); // scss-lint:disable all
+  accent-color: var(--color-primary);
   background: var(--color-bg--main);
   color: var(--color-text);
   font-family: $font-family;
@@ -104,8 +104,7 @@ html {
 }
 
 [type="checkbox"], [type="radio"] {
-  transform: scale(1.2, 1.2);
-  margin: $size-1;
+  transform: scale(1.2); margin: $size-1;
 }
 
 blockquote {

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

@@ -15,3 +15,7 @@
 .border--all {
   border-width: $border !important;
 }
+
+.border--round {
+  border-radius: $rounded-full !important;
+}

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

@@ -53,6 +53,10 @@
   min-width: 0;
 }
 
+.u-max-width {
+  max-width: 100%;
+}
+
 .u-full-height {
   height: 100%;
 }

data/lib/sass_zero/version.rb

@@ -1,5 +1,5 @@
 module Sass
   module Zero
-    VERSION = "1.1.2"
+    VERSION = "1.1.3"
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: sass-zero
 version: !ruby/object:Gem::Version
-  version: 1.1.2
+  version: 1.1.3
 platform: ruby
 authors:
 - lazaronixon
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-08-15 00:00:00.000000000 Z
+date: 2023-06-19 00:00:00.000000000 Z
 dependencies: []
 description:
 email:
@@ -20,7 +20,6 @@ files:
 - ".github/FUNDING.yml"
 - ".gitignore"
 - ".scss-lint.yml"
-- Example.html
 - Gemfile
 - Gemfile.lock
 - README.md
@@ -59,10 +58,10 @@ files:
 - app/assets/stylesheets/sass-zero/variables/typography.scss
 - app/assets/stylesheets/sass-zero/variables/width.scss
 - app/assets/stylesheets/sass-zero/variables/zindex.scss
+- example/index.html
 - lib/sass-zero.rb
 - lib/sass_zero.rb
 - lib/sass_zero/version.rb
-- package.json
 - sass-zero.gemspec
 homepage: http://github.com/lazaronixon/sass-zero
 licenses:

data/package.json

@@ -1,18 +0,0 @@
-{
-	"name": "sass-zero",
-	"version": "1.1.2",
-	"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",
-	"license": "MIT",
-	"author": "Lázaro Nixon <lazaronixon@hotmail.com>",
-	"private": false,
-	"keywords": [
-		"css",
-		"css-framework",
-		"sass-zero",
-    "milligram",
-    "tailwindcss",
-    "bem"
-	]
-}