sass-zero 1.3.1 → 1.3.3

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.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 669ee902b4728f9a5f9b1457f3025001cd28090849453e443be8ddf0dc01973c
4
- data.tar.gz: b1b454f558ab362219ffa2d9752e11f34417692e7e2421688798d37abdb175ad
3
+ metadata.gz: 6209a9fda20fd0d3480f03bd3f3d65c7ee5dae1831d47e98c353eca33f8a8e6c
4
+ data.tar.gz: 2d1232cd4718b65ecc43d11e02020373270e6d7848e2074fc1553d31150c308d
5
5
  SHA512:
6
- metadata.gz: 793557acb4df0cce7454628eb3f428a937dc991ba666d2ebcc06c9236e6abb87aa9657cf101fd15b30c08d86fea8a958538764942b7e4acf9a929a68c845616f
7
- data.tar.gz: 28b68629357d86a7d436ea2ad7153f050abdfbcead3288e94f8b1a2231a566a45654cafecc070370eabbcb08df7703cd32f19d03f8f3eae5dca71426dbfb23da
6
+ metadata.gz: e56ccc926b0cdb2df8924603749be00ab25e58dfd01a2f6d2a0848827dc4b80212c5cad8b596e611a4fbf8dfca898432f18eb12d7703cd0118eb8845c3dff953
7
+ data.tar.gz: a5e7aec47acc1620e460b96d561938845eaf0db7c8231a1e093e75685914ecc328061cacda7885a7c3c89534af128918c9bfd02de83e90f69874140555e89b1f
@@ -725,11 +725,6 @@ $z-50: 50;
725
725
  @mixin antialiased {}
726
726
  @mixin subpixel-antialiased {}
727
727
  @mixin progress-bar {}
728
-
729
- // *******************************************************************
730
- // Animations
731
- // *******************************************************************
732
-
733
728
  @mixin animate-spin {}
734
729
  @mixin animate-ping {}
735
730
  @mixin animate-pulse {}
data/Gemfile.lock CHANGED
@@ -1,7 +1,7 @@
1
1
  PATH
2
2
  remote: .
3
3
  specs:
4
- sass-zero (1.3.1)
4
+ sass-zero (1.3.3)
5
5
 
6
6
  GEM
7
7
  remote: https://rubygems.org/
data/README.md CHANGED
@@ -16,31 +16,32 @@ Add these lines to your application.css:
16
16
  ```css
17
17
  *= require sass-zero/base
18
18
  *= require sass-zero/utilities
19
+ *= require sass-zero/keyframes
19
20
  *= require sass-zero/breadboard
20
21
  ```
21
22
 
22
- ### Variables
23
+ ### Variables / Mixins
23
24
 
24
25
  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
26
 
26
27
  #### Essential
27
28
 
28
- - [Border](app/assets/stylesheets/sass-zero/variables/_border.scss)
29
+ - [Sizing](app/assets/stylesheets/sass-zero/variables/_sizing.scss)
29
30
  - [Colors](app/assets/stylesheets/sass-zero/variables/_colors.scss)
30
- - [Effects](app/assets/stylesheets/sass-zero/variables/_effects.scss)
31
+ - [Width](app/assets/stylesheets/sass-zero/variables/_width.scss)
31
32
  - [Height](app/assets/stylesheets/sass-zero/variables/_height.scss)
32
- - [Sizing](app/assets/stylesheets/sass-zero/variables/_sizing.scss)
33
+ - [Border](app/assets/stylesheets/sass-zero/variables/_border.scss)
34
+ - [Effects](app/assets/stylesheets/sass-zero/variables/_effects.scss)
33
35
  - [Typography](app/assets/stylesheets/sass-zero/variables/_typography.scss)
34
- - [Width](app/assets/stylesheets/sass-zero/variables/_width.scss)
35
36
  - [Z-Index](app/assets/stylesheets/sass-zero/variables/_zindex.scss)
36
37
 
37
38
  #### Others
38
39
 
39
40
  - [Breakpoints](app/assets/stylesheets/sass-zero/variables/_breakpoints.scss)
40
41
  - [Filters](app/assets/stylesheets/sass-zero/variables/_filters.scss)
41
- - [Flex](app/assets/stylesheets/sass-zero/variables/_flex.scss)
42
- - [Grid](app/assets/stylesheets/sass-zero/variables/_grid.scss)
43
42
  - [Transform](app/assets/stylesheets/sass-zero/variables/_transform.scss)
43
+ - [Grid](app/assets/stylesheets/sass-zero/variables/_grid.scss)
44
+ - [Flex](app/assets/stylesheets/sass-zero/variables/_flex.scss)
44
45
  - [Transition](app/assets/stylesheets/sass-zero/variables/_transition.scss)
45
46
  - [Mixins](app/assets/stylesheets/sass-zero/_mixins.scss)
46
47
 
@@ -70,12 +71,6 @@ These default styles ensure that even without custom styling, the content is usa
70
71
  - [Screenshot](screenshot.png)
71
72
  - [Example](example.html)
72
73
 
73
- ## Animations
74
-
75
- Pre-built keyframes you can use to create your animations.
76
-
77
- - [Animations](app/assets/stylesheets/sass-zero/animations.scss)
78
-
79
74
  ## Using variables
80
75
 
81
76
  Create some stylesheet using [BEM](http://getbem.com/naming) and [SASS-ZERO Variables](app/assets/stylesheets/sass-zero/_variables.scss):
@@ -1,3 +1,5 @@
1
+ @import "../variables/sizing";
2
+
1
3
  // *******************************************************************
2
4
  // Pad Utilities
3
5
  // .pad-[xs|sm|md|lg|xl]--top
@@ -6,8 +8,6 @@
6
8
  // .pad-[xs|sm|md|lg|xl]--left
7
9
  // *******************************************************************
8
10
 
9
- @import "../variables/sizing";
10
-
11
11
  @each $scale, $size in $size-map {
12
12
  .pad-#{$scale}--top {
13
13
  padding-top: $size !important;
@@ -1,3 +1,5 @@
1
+ @import "../variables/sizing";
2
+
1
3
  // *******************************************************************
2
4
  // Pull Utilities
3
5
  // .pull-[xs|sm|md|lg|xl]--top
@@ -6,8 +8,6 @@
6
8
  // .pull-[xs|sm|md|lg|xl]--left
7
9
  // *******************************************************************
8
10
 
9
- @import "../variables/sizing";
10
-
11
11
  @each $scale, $size in $size-map {
12
12
  .pull-#{$scale}--top {
13
13
  margin-top: $size * -1 !important;
@@ -1,3 +1,5 @@
1
+ @import "../variables/sizing";
2
+
1
3
  // *******************************************************************
2
4
  // Push Utilities
3
5
  // .push-[xs|sm|md|lg|xl]
@@ -9,8 +11,6 @@
9
11
  // .push-[xs|sm|md|lg|xl]--sides
10
12
  // *******************************************************************
11
13
 
12
- @import "../variables/sizing";
13
-
14
14
  @each $scale, $size in $size-map {
15
15
  .push-#{$scale} {
16
16
  margin: $size !important;
@@ -1,3 +1,14 @@
1
+ // *******************************************************************
2
+ // Border Width
3
+ // Variables for controlling the width of an element's borders.
4
+ // border-width: $border;
5
+ // *******************************************************************
6
+ $border-0: 0;
7
+ $border: 1px;
8
+ $border-2: 2px;
9
+ $border-4: 4px;
10
+ $border-8: 8px;
11
+
1
12
  // *******************************************************************
2
13
  // Border Style
3
14
  // Variables for controlling the border radius of an element.
@@ -12,14 +23,3 @@ $rounded-xl: 0.75rem;
12
23
  $rounded-2xl: 1rem;
13
24
  $rounded-3xl: 1.5rem;
14
25
  $rounded-full: 9999px;
15
-
16
- // *******************************************************************
17
- // Border Width
18
- // Variables for controlling the width of an element's borders.
19
- // border-width: $border;
20
- // *******************************************************************
21
- $border-0: 0;
22
- $border: 1px;
23
- $border-2: 2px;
24
- $border-4: 4px;
25
- $border-8: 8px;
@@ -1,12 +1,3 @@
1
- // *******************************************************************
2
- // Font Family
3
- // Variables for controlling the font family of an element.
4
- // font-family: $font-sans;
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" !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
-
10
1
  // *******************************************************************
11
2
  // Font Size
12
3
  // Variables for controlling the font size of an element.
@@ -61,6 +52,15 @@ $leading-8: 2rem;
61
52
  $leading-9: 2.25rem;
62
53
  $leading-10: 2.5rem;
63
54
 
55
+ // *******************************************************************
56
+ // Font Family
57
+ // Variables for controlling the font family of an element.
58
+ // font-family: $font-sans;
59
+ // *******************************************************************
60
+ $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;
61
+ $font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif !default;
62
+ $font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
63
+
64
64
  // *******************************************************************
65
65
  // Letter Spacing
66
66
  // Variables for controlling the tracking (letter spacing) of an element.
@@ -1,5 +1,5 @@
1
1
  module Sass
2
2
  module Zero
3
- VERSION = "1.3.1"
3
+ VERSION = "1.3.3"
4
4
  end
5
5
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: sass-zero
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.3.1
4
+ version: 1.3.3
5
5
  platform: ruby
6
6
  authors:
7
7
  - lazaronixon
@@ -27,9 +27,9 @@ files:
27
27
  - Rakefile
28
28
  - app/assets/stylesheets/sass-zero/_mixins.scss
29
29
  - app/assets/stylesheets/sass-zero/_variables.scss
30
- - app/assets/stylesheets/sass-zero/animations.scss
31
30
  - app/assets/stylesheets/sass-zero/base.scss
32
31
  - app/assets/stylesheets/sass-zero/breadboard.scss
32
+ - app/assets/stylesheets/sass-zero/keyframes.scss
33
33
  - app/assets/stylesheets/sass-zero/utilities.scss
34
34
  - app/assets/stylesheets/sass-zero/utilities/_align.scss
35
35
  - app/assets/stylesheets/sass-zero/utilities/_border.scss