sass-zero 1.0.23 → 1.0.26
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/base.scss +1 -1
- data/app/assets/stylesheets/sass-zero/breadboard.scss +2 -2
- data/app/assets/stylesheets/sass-zero/mixins.scss +4 -4
- data/app/assets/stylesheets/sass-zero/utilities/flex.scss +45 -0
- data/app/assets/stylesheets/sass-zero/utilities/flush.scss +1 -1
- data/app/assets/stylesheets/sass-zero/utilities/layout.scss +4 -1
- data/app/assets/stylesheets/sass-zero/utilities/list.scss +1 -1
- data/app/assets/stylesheets/sass-zero/utilities/pad.scss +26 -0
- data/app/assets/stylesheets/sass-zero/utilities/pull.scss +4 -10
- 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 +14 -13
- data/app/assets/stylesheets/sass-zero/variables.scss +14 -14
- 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: 39252448e6facfdbde7c481a9e69b795309b94b44624bb0ee9d54b569398ebec
|
4
|
+
data.tar.gz: f57e934a2df042a505e0fb0bd48dc6d44f70f30e480be6a7017050e05578e7ae
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: fe1bb57d654a56214ef6cb7c7b3ecc5aee149344c372fbc64ebb11a1efac5272592a1850e126b859fc060c9a6748eea8289f08f171d38e332a5f3731e1477c56
|
7
|
+
data.tar.gz: 5be54511e90a5f579fa13e2d15a7b4e2213434f7b4feba069c2fc65aef48e12e2a89add71dfd43eedbc9ca84661148b1aa7387e2bce36fab14fd0dd875ad89b0
|
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 +1 @@
|
|
1
|
-
@import "
|
1
|
+
@import "base/preflight";
|
@@ -1,7 +1,7 @@
|
|
1
|
-
@import "
|
2
|
-
@import "
|
3
|
-
@import "
|
4
|
-
@import "
|
1
|
+
@import "variables/border";
|
2
|
+
@import "variables/effects";
|
3
|
+
@import "variables/spacing";
|
4
|
+
@import "variables/zindex";
|
5
5
|
|
6
6
|
@mixin antialiased {
|
7
7
|
-webkit-font-smoothing: antialiased;
|
@@ -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
|
+
}
|
@@ -1,6 +1,5 @@
|
|
1
1
|
@import "../variables/breakpoints";
|
2
2
|
@import "../variables/effects";
|
3
|
-
@import "../mixins";
|
4
3
|
|
5
4
|
.debug * {
|
6
5
|
outline: 1px #f00 solid !important;
|
@@ -22,6 +21,10 @@
|
|
22
21
|
display: inline-block;
|
23
22
|
}
|
24
23
|
|
24
|
+
.u-display-c {
|
25
|
+
display: contents;
|
26
|
+
}
|
27
|
+
|
25
28
|
.u-visibility-hidden {
|
26
29
|
visibility: hidden;
|
27
30
|
}
|
@@ -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
|
+
}
|
@@ -2,11 +2,10 @@
|
|
2
2
|
|
3
3
|
// *******************************************************************
|
4
4
|
// 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
|
5
|
+
// .pull-[xs|sm|md|lg|xl|2xl|3xl]--top
|
6
|
+
// .pull-[xs|sm|md|lg|xl|2xl|3xl]--right
|
7
|
+
// .pull-[xs|sm|md|lg|xl|2xl|3xl]--bottom
|
8
|
+
// .pull-[xs|sm|md|lg|xl|2xl|3xl]--left
|
10
9
|
// *******************************************************************
|
11
10
|
@each $scale, $size in $size-map {
|
12
11
|
.pull-#{$scale}--top {
|
@@ -24,9 +23,4 @@
|
|
24
23
|
.pull-#{$scale}--left {
|
25
24
|
margin-left: $size * -1 !important;
|
26
25
|
}
|
27
|
-
|
28
|
-
.pull-#{$scale}--sides {
|
29
|
-
margin-right: $size * -1 !important;
|
30
|
-
margin-left: $size * -1 !important;
|
31
|
-
}
|
32
26
|
}
|
@@ -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} {
|
@@ -1,13 +1,14 @@
|
|
1
|
-
@import "
|
2
|
-
@import "
|
3
|
-
@import "
|
4
|
-
@import "
|
5
|
-
@import "
|
6
|
-
@import "
|
7
|
-
@import "
|
8
|
-
@import "
|
9
|
-
@import "
|
10
|
-
@import "
|
11
|
-
@import "
|
12
|
-
@import "
|
13
|
-
@import "
|
1
|
+
@import "utilities/align";
|
2
|
+
@import "utilities/animation";
|
3
|
+
@import "utilities/border";
|
4
|
+
@import "utilities/container";
|
5
|
+
@import "utilities/flex";
|
6
|
+
@import "utilities/flush";
|
7
|
+
@import "utilities/layout";
|
8
|
+
@import "utilities/pad";
|
9
|
+
@import "utilities/position";
|
10
|
+
@import "utilities/pull";
|
11
|
+
@import "utilities/push";
|
12
|
+
@import "utilities/text";
|
13
|
+
@import "utilities/list";
|
14
|
+
@import "utilities/unpad";
|
@@ -1,14 +1,14 @@
|
|
1
|
-
@import "
|
2
|
-
@import "
|
3
|
-
@import "
|
4
|
-
@import "
|
5
|
-
@import "
|
6
|
-
@import "
|
7
|
-
@import "
|
8
|
-
@import "
|
9
|
-
@import "
|
10
|
-
@import "
|
11
|
-
@import "
|
12
|
-
@import "
|
13
|
-
@import "
|
14
|
-
@import "
|
1
|
+
@import "variables/border";
|
2
|
+
@import "variables/breakpoints";
|
3
|
+
@import "variables/colors";
|
4
|
+
@import "variables/effects";
|
5
|
+
@import "variables/filters";
|
6
|
+
@import "variables/flex";
|
7
|
+
@import "variables/grid";
|
8
|
+
@import "variables/spacing";
|
9
|
+
@import "variables/transition";
|
10
|
+
@import "variables/transform";
|
11
|
+
@import "variables/typography";
|
12
|
+
@import "variables/width";
|
13
|
+
@import "variables/height";
|
14
|
+
@import "variables/zindex";
|
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.26",
|
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.26
|
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
|