sass-zero 1.1.7 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. checksums.yaml +4 -4
  2. data/.sass-zero-references.scss +0 -10
  3. data/Gemfile.lock +1 -1
  4. data/README.md +15 -6
  5. data/app/assets/stylesheets/sass-zero/variables/_breakpoints.scss +5 -5
  6. data/app/assets/stylesheets/sass-zero/variables/_grid.scss +0 -20
  7. data/app/assets/stylesheets/sass-zero/variables/_typography.scss +3 -3
  8. data/lib/sass_zero/version.rb +1 -1
  9. data/sass-zero.gemspec +1 -1
  10. metadata +3 -4
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 114ed05332fe9df3860360aadec6045faaa8e260fe8f67e0c013683929577b01
4
- data.tar.gz: 72b2ab1ad8d57e93762ff9e314c0fb3139dcbd7d2fcab8e206a8c48628eea8b4
3
+ metadata.gz: ba90537c1863378335ab5d75f4bbec2b40cadfbfe9a411ef8e9eecea7cd61b05
4
+ data.tar.gz: 60bd88b0235a72815efabf572dcd74e84d80e89e76cf62d8c11b22a9745aeee7
5
5
  SHA512:
6
- metadata.gz: c1472582db52dba68bf6bde60c1cbe2146ada491d39d83271a3a24f8005e2a60b52e75d01a3bcd9066f89a13b40df228bf95219546173783e5cc1da5f6d96b89
7
- data.tar.gz: bfd43f33caa510c7a675acb957c215dc74e3e95339f2da0a4937886bc5296004ae626bed236d428a6c007b5e32b3b0ad21879930b2e49da4a3a39065a16a18d1
6
+ metadata.gz: aa3f62f922ef34285d8e76a20dd36ee5b5efedcda713bed5fce70781fc3e7007adc1ba32bdd487285ea09ae602c6691edb1d1338f01dfcb82b8cd66f597e6611
7
+ data.tar.gz: 9f72e0f2ef60bccdf82009276a423ede2c88be2ba3a9e238a05060bd82e47c8e168a382977230644f7616c125ddd6145913cc967b9f738407034db0f1bcabdb9
data/.sass-zero-references.scss CHANGED
@@ -437,16 +437,6 @@ $row-span-5: span 5 / span 5;
437
437
  $row-span-6: span 6 / span 6;
438
438
  $row-span-full: calc(1 / -1);
439
439
 
440
- $auto-cols-auto: auto;
441
- $auto-cols-min: min-content;
442
- $auto-cols-max: max-content;
443
- $auto-cols-fr: minmax(0, 1fr);
444
-
445
- $auto-rows-auto: auto;
446
- $auto-rows-min: min-content;
447
- $auto-rows-max: max-content;
448
- $auto-rows-fr: minmax(0, 1fr);
449
-
450
440
  // *******************************************************************
451
441
  // Height
452
442
  // *******************************************************************
data/Gemfile.lock CHANGED
@@ -1,7 +1,7 @@
1
1
  PATH
2
2
  remote: .
3
3
  specs:
4
- sass-zero (1.1.7)
4
+ sass-zero (1.2.0)
5
5
 
6
6
  GEM
7
7
  remote: https://rubygems.org/
data/README.md CHANGED
@@ -21,29 +21,33 @@ Add these lines to your application.css:
21
21
 
22
22
  ### Variables
23
23
 
24
+ Instead of hand-picking values from a limitless pool any time you need to make a decision, start with a smaller set of options.
25
+
24
26
  #### Essential
25
27
 
26
28
  - [Border](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/_border.scss)
27
29
  - [Colors](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/_colors.scss)
28
30
  - [Effects](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/_effects.scss)
29
- - [Flex](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/_flex.scss)
30
- - [Grid](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/_grid.scss)
31
31
  - [Height](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/_height.scss)
32
32
  - [Sizing](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/_sizing.scss)
33
33
  - [Typography](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/_typography.scss)
34
34
  - [Width](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/_width.scss)
35
+ - [Z-Index](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/_zindex.scss)
35
36
 
36
37
  #### Others
37
38
 
38
39
  - [Breakpoints](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/_breakpoints.scss)
39
40
  - [Filters](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/_filters.scss)
41
+ - [Flex](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/_flex.scss)
42
+ - [Grid](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/_grid.scss)
40
43
  - [Transform](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/_transform.scss)
41
44
  - [Transition](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/_transition.scss)
42
- - [Z-Index](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/_zindex.scss)
43
45
  - [Mixins](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/_mixins.scss)
44
46
 
45
47
  ### Utility classes
46
48
 
49
+ This can be useful for dealing with similar components, and positioning.
50
+
47
51
  - [Align](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/_align.scss)
48
52
  - [Animation](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/_animation.scss)
49
53
  - [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:
61
65
 
62
66
  ## Breadboard
63
67
 
64
- This is an optional black-and-white theme that you can use as design foundation.
68
+ This is an optional grayscale theme that you can use as design foundation.
65
69
 
66
70
  - [Breadboard](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/breadboard.scss)
67
71
  - [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
92
96
  ```
93
97
 
94
98
  ```html
99
+ <div class="block">
100
+ <div class="block__element_one" />
101
+ <div class="block__element_two" />
102
+ </div>
103
+
95
104
  <div class="block block--modifier">
96
105
  <div class="block__element_one" />
97
106
  <div class="block__element_two" />
@@ -115,7 +124,7 @@ Create some stylesheet using [BEM](http://getbem.com/naming) and [SASS-ZERO Vari
115
124
 
116
125
  When you are sure about the style of your application you should make a copy of `breadboard.scss` and customize fonts, borders, and colors.
117
126
 
118
- You will need to remove the breadboard from application.css:
127
+ You will need to remove the original breadboard from application.css:
119
128
 
120
129
  ```css
121
130
  *= require sass-zero/base
@@ -124,7 +133,7 @@ You will need to remove the breadboard from application.css:
124
133
 
125
134
  ### Variables
126
135
 
127
- 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.
136
+ 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.
128
137
 
129
138
  ```scss
130
139
  @import "sass-zero/variables/border";
data/app/assets/stylesheets/sass-zero/variables/_breakpoints.scss CHANGED
@@ -3,8 +3,8 @@
3
3
  // Five breakpoints inspired by common device resolutions.
4
4
  // @media (min-width: $breakpoint-md) { }
5
5
  // *******************************************************************
6
- $breakpoint-sm: 640px;
7
- $breakpoint-md: 768px;
8
- $breakpoint-lg: 1024px;
9
- $breakpoint-xl: 1280px;
10
- $breakpoint-2xl: 1536px;
6
+ $breakpoint-sm: 640px !default;
7
+ $breakpoint-md: 768px !default;
8
+ $breakpoint-lg: 1024px !default;
9
+ $breakpoint-xl: 1280px !default;
10
+ $breakpoint-2xl: 1536px !default;
data/app/assets/stylesheets/sass-zero/variables/_grid.scss CHANGED
@@ -63,23 +63,3 @@ $row-span-4: span 4 / span 4;
63
63
  $row-span-5: span 5 / span 5;
64
64
  $row-span-6: span 6 / span 6;
65
65
  $row-span-full: calc(1 / -1);
66
-
67
- // *******************************************************************
68
- // Grid Auto Columns
69
- // Variables for controlling the size of implicitly-created grid columns.
70
- // grid-auto-columns: $auto-cols-auto;
71
- // *******************************************************************
72
- $auto-cols-auto: auto;
73
- $auto-cols-min: min-content;
74
- $auto-cols-max: max-content;
75
- $auto-cols-fr: minmax(0, 1fr);
76
-
77
- // *******************************************************************
78
- // Grid Auto Rows
79
- // Variables for controlling the size of implicitly-created grid rows.
80
- // grid-auto-rows: $auto-rows-auto;
81
- // *******************************************************************
82
- $auto-rows-auto: auto;
83
- $auto-rows-min: min-content;
84
- $auto-rows-max: max-content;
85
- $auto-rows-fr: minmax(0, 1fr);
data/app/assets/stylesheets/sass-zero/variables/_typography.scss CHANGED
@@ -3,9 +3,9 @@
3
3
  // Variables for controlling the font family of an element.
4
4
  // font-family: $font-sans;
5
5
  // *******************************************************************
6
- $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";
7
- $font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
8
- $font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
6
+ $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;
7
+ $font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif !default;
8
+ $font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
9
9
 
10
10
  // *******************************************************************
11
11
  // Font Size
data/lib/sass_zero/version.rb CHANGED
@@ -1,5 +1,5 @@
1
1
  module Sass
2
2
  module Zero
3
- VERSION = "1.1.7"
3
+ VERSION = "1.2.0"
4
4
  end
5
5
  end
data/sass-zero.gemspec CHANGED
@@ -5,7 +5,7 @@ Gem::Specification.new do |spec|
5
5
  spec.version = Sass::Zero::VERSION
6
6
  spec.authors = ["lazaronixon"]
7
7
  spec.email = ["lazaronixon@hotmail.com"]
8
- spec.summary = "A CSS framework for rapid UI development based on tailwindcss, miligram and BEM."
8
+ spec.summary = "A CSS framework for custom UI development."
9
9
  spec.homepage = "http://github.com/lazaronixon/sass-zero"
10
10
  spec.license = "MIT"
11
11
 
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: sass-zero
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.1.7
4
+ version: 1.2.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - lazaronixon
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2023-07-05 00:00:00.000000000 Z
11
+ date: 2023-07-07 00:00:00.000000000 Z
12
12
  dependencies: []
13
13
  description:
14
14
  email:
@@ -85,6 +85,5 @@ requirements: []
85
85
  rubygems_version: 3.3.7
86
86
  signing_key:
87
87
  specification_version: 4
88
- summary: A CSS framework for rapid UI development based on tailwindcss, miligram and
89
- BEM.
88
+ summary: A CSS framework for custom UI development.
90
89
  test_files: []