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.
Files changed (14) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile.lock +1 -1
  3. data/README.md +1 -0
  4. data/app/assets/stylesheets/sass-zero/utilities/align.scss +8 -0
  5. data/app/assets/stylesheets/sass-zero/utilities/flex.scss +45 -0
  6. data/app/assets/stylesheets/sass-zero/utilities/layout.scss +0 -4
  7. data/app/assets/stylesheets/sass-zero/utilities/pad.scss +26 -0
  8. data/app/assets/stylesheets/sass-zero/utilities/pull.scss +10 -8
  9. data/app/assets/stylesheets/sass-zero/utilities/push.scss +7 -7
  10. data/app/assets/stylesheets/sass-zero/utilities/text.scss +4 -0
  11. data/app/assets/stylesheets/sass-zero/utilities.scss +1 -0
  12. data/lib/sass_zero/version.rb +1 -1
  13. data/package.json +1 -1
  14. metadata +3 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 96306d8fc2d2d635ea99b2ba03ff5f39896c2d6c83192d760afa05a9ffcfc500
4
- data.tar.gz: 527b4d0fcfade9eb07454a4b27940775c59f6ae1277e68423f2e3edfed69224a
3
+ metadata.gz: 4fd390655d5e189fc9311bcb0e72d9c62f910f7349e4b6e3d7c25d811695dc83
4
+ data.tar.gz: 411ca667c00e4c0e9fb630963e0091babad1dffe24013da4753d79a32254ea5c
5
5
  SHA512:
6
- metadata.gz: 442321c56953d0241472de5cac8ff81d021ee04c549ebe7df8ea42362b0bb748128a00895d734823b66d681d0799c79ea05087b47702cedbfcf5e2eaf0d1a9ad
7
- data.tar.gz: bc3df56088de66413e47b097a54725b6a8f30c255b33e73d654c4a499e965961c880d6c02fc9a491caa7053802a9baca4c46ff2d324574b094ed202b3e6b827e
6
+ metadata.gz: dd8c2862f29053d6397ea3939aae840e7c6f5edc330981e98fbcbaf378e93fdafe659a0f6c1cf98c655a78e020bdff34e6363fb8bcee267985c1031fbea80af8
7
+ data.tar.gz: 370c532d6ada1c10dfdc735d1233973a61396864f314541a52535fce24b5d42b5770bf699b48ea307fae21cf54d41800448cbec9fab1c62499e54cc94eb8f2bc
data/Gemfile.lock CHANGED
@@ -1,7 +1,7 @@
1
1
  PATH
2
2
  remote: .
3
3
  specs:
4
- sass-zero (1.0.22)
4
+ sass-zero (1.0.25)
5
5
 
6
6
  GEM
7
7
  remote: https://rubygems.org/
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)
data/app/assets/stylesheets/sass-zero/utilities/align.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @import "../variables/breakpoints";
2
+
1
3
  .align--top {
2
4
  vertical-align: top;
3
5
  }
@@ -30,3 +32,9 @@
30
32
  margin-left: auto;
31
33
  margin-right: auto;
32
34
  }
35
+
36
+ @media (min-width: $breakpoint-sm) {
37
+ .align--center\@sm {
38
+ text-align: center;
39
+ }
40
+ }
data/app/assets/stylesheets/sass-zero/utilities/flex.scss CHANGED
@@ -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
+ }
data/app/assets/stylesheets/sass-zero/utilities/layout.scss CHANGED
@@ -80,10 +80,6 @@
80
80
  .u-show\@sm {
81
81
  display: block;
82
82
  }
83
-
84
- .u-hide\@sm {
85
- display: none;
86
- }
87
83
  }
88
84
 
89
85
  @media print {
data/app/assets/stylesheets/sass-zero/utilities/pad.scss ADDED
@@ -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
+ }
data/app/assets/stylesheets/sass-zero/utilities/pull.scss CHANGED
@@ -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
- .pull-#{$scale}--sides {
29
- margin-right: $size * -1 !important;
30
- margin-left: $size * -1 !important;
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
  }
data/app/assets/stylesheets/sass-zero/utilities/push.scss CHANGED
@@ -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/app/assets/stylesheets/sass-zero/utilities/text.scss CHANGED
@@ -55,6 +55,10 @@
55
55
  opacity: $opacity-50;
56
56
  }
57
57
 
58
+ .txt--tight-lines {
59
+ line-height: $leading-tight;
60
+ }
61
+
58
62
  .txt--overflow-hidden {
59
63
  overflow: hidden;
60
64
  }
data/app/assets/stylesheets/sass-zero/utilities.scss CHANGED
@@ -5,6 +5,7 @@
5
5
  @import "./utilities/flex";
6
6
  @import "./utilities/flush";
7
7
  @import "./utilities/layout";
8
+ @import "./utilities/pad";
8
9
  @import "./utilities/position";
9
10
  @import "./utilities/pull";
10
11
  @import "./utilities/push";
data/lib/sass_zero/version.rb CHANGED
@@ -1,5 +1,5 @@
1
1
  module Sass
2
2
  module Zero
3
- VERSION = "1.0.22"
3
+ VERSION = "1.0.25"
4
4
  end
5
5
  end
data/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sass-zero",
3
- "version": "1.0.22",
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.22
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-07 00:00:00.000000000 Z
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