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 +4 -4
- data/.sass-zero-references.scss +0 -5
- data/Gemfile.lock +1 -1
- data/README.md +8 -13
- data/app/assets/stylesheets/sass-zero/utilities/_pad.scss +2 -2
- data/app/assets/stylesheets/sass-zero/utilities/_pull.scss +2 -2
- data/app/assets/stylesheets/sass-zero/utilities/_push.scss +2 -2
- data/app/assets/stylesheets/sass-zero/variables/_border.scss +11 -11
- data/app/assets/stylesheets/sass-zero/variables/_typography.scss +9 -9
- data/lib/sass_zero/version.rb +1 -1
- metadata +2 -2
- /data/app/assets/stylesheets/sass-zero/{animations.scss → keyframes.scss} +0 -0
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 6209a9fda20fd0d3480f03bd3f3d65c7ee5dae1831d47e98c353eca33f8a8e6c
|
4
|
+
data.tar.gz: 2d1232cd4718b65ecc43d11e02020373270e6d7848e2074fc1553d31150c308d
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: e56ccc926b0cdb2df8924603749be00ab25e58dfd01a2f6d2a0848827dc4b80212c5cad8b596e611a4fbf8dfca898432f18eb12d7703cd0118eb8845c3dff953
|
7
|
+
data.tar.gz: a5e7aec47acc1620e460b96d561938845eaf0db7c8231a1e093e75685914ecc328061cacda7885a7c3c89534af128918c9bfd02de83e90f69874140555e89b1f
|
data/.sass-zero-references.scss
CHANGED
@@ -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
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
|
-
- [
|
29
|
+
- [Sizing](app/assets/stylesheets/sass-zero/variables/_sizing.scss)
|
29
30
|
- [Colors](app/assets/stylesheets/sass-zero/variables/_colors.scss)
|
30
|
-
- [
|
31
|
+
- [Width](app/assets/stylesheets/sass-zero/variables/_width.scss)
|
31
32
|
- [Height](app/assets/stylesheets/sass-zero/variables/_height.scss)
|
32
|
-
- [
|
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.
|
data/lib/sass_zero/version.rb
CHANGED
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.
|
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
|
File without changes
|