sass-zero 1.0.22 → 1.0.25
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/Gemfile.lock +1 -1
- data/README.md +1 -0
- data/app/assets/stylesheets/sass-zero/utilities/align.scss +8 -0
- data/app/assets/stylesheets/sass-zero/utilities/flex.scss +45 -0
- data/app/assets/stylesheets/sass-zero/utilities/layout.scss +0 -4
- data/app/assets/stylesheets/sass-zero/utilities/pad.scss +26 -0
- data/app/assets/stylesheets/sass-zero/utilities/pull.scss +10 -8
- data/app/assets/stylesheets/sass-zero/utilities/push.scss +7 -7
- data/app/assets/stylesheets/sass-zero/utilities/text.scss +4 -0
- data/app/assets/stylesheets/sass-zero/utilities.scss +1 -0
- data/lib/sass_zero/version.rb +1 -1
- data/package.json +1 -1
- metadata +3 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 4fd390655d5e189fc9311bcb0e72d9c62f910f7349e4b6e3d7c25d811695dc83
|
4
|
+
data.tar.gz: 411ca667c00e4c0e9fb630963e0091babad1dffe24013da4753d79a32254ea5c
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: dd8c2862f29053d6397ea3939aae840e7c6f5edc330981e98fbcbaf378e93fdafe659a0f6c1cf98c655a78e020bdff34e6363fb8bcee267985c1031fbea80af8
|
7
|
+
data.tar.gz: 370c532d6ada1c10dfdc735d1233973a61396864f314541a52535fce24b5d42b5770bf699b48ea307fae21cf54d41800448cbec9fab1c62499e54cc94eb8f2bc
|
data/Gemfile.lock
CHANGED
data/README.md
CHANGED
@@ -60,6 +60,7 @@ Developers should be able to produce your own design, [Refactoring UI](https://r
|
|
60
60
|
- [Margin Push](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/push.scss)
|
61
61
|
- [Margin Pull](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/pull.scss)
|
62
62
|
- [Margin Reset](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/flush.scss)
|
63
|
+
- [Padding](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/pad.scss)
|
63
64
|
- [Padding Reset](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/unpad.scss)
|
64
65
|
- [Text Utilities](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/text.scss)
|
65
66
|
- [Layout Utilities](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/layout.scss)
|
@@ -1,3 +1,6 @@
|
|
1
|
+
@import "../variables/breakpoints";
|
2
|
+
@import "../variables/spacing";
|
3
|
+
|
1
4
|
.flex {
|
2
5
|
display: flex;
|
3
6
|
}
|
@@ -22,6 +25,14 @@
|
|
22
25
|
align-items: center;
|
23
26
|
}
|
24
27
|
|
28
|
+
.flex--align-bottom {
|
29
|
+
align-items: flex-end;
|
30
|
+
}
|
31
|
+
|
32
|
+
.flex--gap {
|
33
|
+
gap: $size-3;
|
34
|
+
}
|
35
|
+
|
25
36
|
.i-flex {
|
26
37
|
display: inline-flex;
|
27
38
|
}
|
@@ -41,3 +52,37 @@
|
|
41
52
|
.flex-item--align-center {
|
42
53
|
align-self: center;
|
43
54
|
}
|
55
|
+
|
56
|
+
.flex-item--align-start {
|
57
|
+
align-self: start;
|
58
|
+
}
|
59
|
+
|
60
|
+
.flex-item--align-end {
|
61
|
+
align-self: end;
|
62
|
+
}
|
63
|
+
|
64
|
+
@media (min-width: $breakpoint-sm) {
|
65
|
+
.flex\@sm {
|
66
|
+
display: flex;
|
67
|
+
}
|
68
|
+
|
69
|
+
.flex--centered\@sm {
|
70
|
+
justify-content: center;
|
71
|
+
}
|
72
|
+
|
73
|
+
.flex--align-center\@sm {
|
74
|
+
align-items: center;
|
75
|
+
}
|
76
|
+
|
77
|
+
.flex--space-items\@sm {
|
78
|
+
justify-content: space-between;
|
79
|
+
}
|
80
|
+
|
81
|
+
.flex--align-center\@sm {
|
82
|
+
align-items: center;
|
83
|
+
}
|
84
|
+
|
85
|
+
.flex--align-bottom\@sm {
|
86
|
+
align-items: flex-end;
|
87
|
+
}
|
88
|
+
}
|
@@ -0,0 +1,26 @@
|
|
1
|
+
@import "../variables/spacing";
|
2
|
+
|
3
|
+
// *******************************************************************
|
4
|
+
// Pad Utilities
|
5
|
+
// .pad-[xs|sm|md|lg|xl|2xl|3xl]--top
|
6
|
+
// .pad-[xs|sm|md|lg|xl|2xl|3xl]--right
|
7
|
+
// .pad-[xs|sm|md|lg|xl|2xl|3xl]--bottom
|
8
|
+
// .pad-[xs|sm|md|lg|xl|2xl|3xl]--left
|
9
|
+
// *******************************************************************
|
10
|
+
@each $scale, $size in $size-map {
|
11
|
+
.pad-#{$scale}--top {
|
12
|
+
padding-top: $size !important;
|
13
|
+
}
|
14
|
+
|
15
|
+
.pad-#{$scale}--right {
|
16
|
+
padding-right: $size !important;
|
17
|
+
}
|
18
|
+
|
19
|
+
.pad-#{$scale}--bottom {
|
20
|
+
padding-bottom: $size !important;
|
21
|
+
}
|
22
|
+
|
23
|
+
.pad-#{$scale}--left {
|
24
|
+
padding-left: $size !important;
|
25
|
+
}
|
26
|
+
}
|
@@ -1,12 +1,12 @@
|
|
1
|
+
@import "../variables/breakpoints";
|
1
2
|
@import "../variables/spacing";
|
2
3
|
|
3
4
|
// *******************************************************************
|
4
5
|
// Pull Utilities
|
5
|
-
// .pull-[xs|md|lg|xl|2xl|3xl]--top
|
6
|
-
// .pull-[xs|md|lg|xl|2xl|3xl]--right
|
7
|
-
// .pull-[xs|md|lg|xl|2xl|3xl]--bottom
|
8
|
-
// .pull-[xs|md|lg|xl|2xl|3xl]--left
|
9
|
-
// .pull-[xs|md|lg|xl|2xl|3xl]--sides
|
6
|
+
// .pull-[xs|sm|md|lg|xl|2xl|3xl]--top
|
7
|
+
// .pull-[xs|sm|md|lg|xl|2xl|3xl]--right
|
8
|
+
// .pull-[xs|sm|md|lg|xl|2xl|3xl]--bottom
|
9
|
+
// .pull-[xs|sm|md|lg|xl|2xl|3xl]--left
|
10
10
|
// *******************************************************************
|
11
11
|
@each $scale, $size in $size-map {
|
12
12
|
.pull-#{$scale}--top {
|
@@ -24,9 +24,11 @@
|
|
24
24
|
.pull-#{$scale}--left {
|
25
25
|
margin-left: $size * -1 !important;
|
26
26
|
}
|
27
|
+
}
|
27
28
|
|
28
|
-
|
29
|
-
|
30
|
-
margin-left:
|
29
|
+
@media (min-width: $breakpoint-sm) {
|
30
|
+
.pull--sides\@sm {
|
31
|
+
margin-left: $size-3 * -1 !important;
|
32
|
+
margin-right: $size-3 * -1 !important;
|
31
33
|
}
|
32
34
|
}
|
@@ -2,13 +2,13 @@
|
|
2
2
|
|
3
3
|
// *******************************************************************
|
4
4
|
// Push Utilities
|
5
|
-
// .push-[xs|md|lg|xl|2xl|3xl]
|
6
|
-
// .push-[xs|md|lg|xl|2xl|3xl]--top
|
7
|
-
// .push-[xs|md|lg|xl|2xl|3xl]--right
|
8
|
-
// .push-[xs|md|lg|xl|2xl|3xl]--bottom
|
9
|
-
// .push-[xs|md|lg|xl|2xl|3xl]--left
|
10
|
-
// .push-[xs|md|lg|xl|2xl|3xl]--ends
|
11
|
-
// .push-[xs|md|lg|xl|2xl|3xl]--sides
|
5
|
+
// .push-[xs|sm|md|lg|xl|2xl|3xl]
|
6
|
+
// .push-[xs|sm|md|lg|xl|2xl|3xl]--top
|
7
|
+
// .push-[xs|sm|md|lg|xl|2xl|3xl]--right
|
8
|
+
// .push-[xs|sm|md|lg|xl|2xl|3xl]--bottom
|
9
|
+
// .push-[xs|sm|md|lg|xl|2xl|3xl]--left
|
10
|
+
// .push-[xs|sm|md|lg|xl|2xl|3xl]--ends
|
11
|
+
// .push-[xs|sm|md|lg|xl|2xl|3xl]--sides
|
12
12
|
// *******************************************************************
|
13
13
|
@each $scale, $size in $size-map {
|
14
14
|
.push-#{$scale} {
|
data/lib/sass_zero/version.rb
CHANGED
data/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "sass-zero",
|
3
|
-
"version": "1.0.
|
3
|
+
"version": "1.0.25",
|
4
4
|
"description": "A CSS framework for rapid UI development based on tailwindcss, miligram and BEM.",
|
5
5
|
"homepage": "https://github.com/lazaronixon/sass-zero",
|
6
6
|
"repository": "lazaronixon/sass-zero",
|
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.0.
|
4
|
+
version: 1.0.25
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- lazaronixon
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2022-08-
|
11
|
+
date: 2022-08-13 00:00:00.000000000 Z
|
12
12
|
dependencies: []
|
13
13
|
description:
|
14
14
|
email:
|
@@ -38,6 +38,7 @@ files:
|
|
38
38
|
- app/assets/stylesheets/sass-zero/utilities/flush.scss
|
39
39
|
- app/assets/stylesheets/sass-zero/utilities/layout.scss
|
40
40
|
- app/assets/stylesheets/sass-zero/utilities/list.scss
|
41
|
+
- app/assets/stylesheets/sass-zero/utilities/pad.scss
|
41
42
|
- app/assets/stylesheets/sass-zero/utilities/position.scss
|
42
43
|
- app/assets/stylesheets/sass-zero/utilities/pull.scss
|
43
44
|
- app/assets/stylesheets/sass-zero/utilities/push.scss
|