sass-zero 1.0.23 → 1.0.24

Sign up to get free protection for your applications and to get access to all the features.
Files changed (13) 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 +44 -0
  6. data/app/assets/stylesheets/sass-zero/utilities/pad.scss +26 -0
  7. data/app/assets/stylesheets/sass-zero/utilities/pull.scss +10 -8
  8. data/app/assets/stylesheets/sass-zero/utilities/push.scss +7 -7
  9. data/app/assets/stylesheets/sass-zero/utilities/text.scss +4 -0
  10. data/app/assets/stylesheets/sass-zero/utilities.scss +1 -0
  11. data/lib/sass_zero/version.rb +1 -1
  12. data/package.json +1 -1
  13. metadata +3 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 6f0519fe6fb70d2346d691d2080fbed5b0e55b14a74e7fbb5c88be2c364afa14
4
- data.tar.gz: d81a3938985b9f414f9a1491e849e803831ac1f3138da90da81509724e6989b8
3
+ metadata.gz: 1679cf25d367889b6c90c3c2e0d35437ddfb5942d6ee5c2c201b29ea87af67b0
4
+ data.tar.gz: 4cb8db913074e09a39992d63eb7756036d292ab5eaad49b778a4f3e68c8c542c
5
5
  SHA512:
6
- metadata.gz: a9c1cf3614aa587a53131f44712e14f57386196f4c040e20d706b54205cbaea35ee73a952905a24829a5ef313e40cf6c0d955fcee14c813855e33e674fe18caf
7
- data.tar.gz: 93cb8799e158d1274b835db824e372484aae7789404b85e5b04f3450664ac99c80c8556864758e552aa5f87d760c4ac9202273dd7c498b0ee073b063fb05562e
6
+ metadata.gz: a9461d24d4a2d3b46b978d74d3338ad7852c17eb655cdd2128f452212e668a01658999bf8a02eeb5e7a0732fdb3f24519d615176e9e4cb3d968e5d2e13632307
7
+ data.tar.gz: cb7bb3289caa312d89ab03008021ef650ea1bddaaaeab2e60a06c0b8086d34850ed9b7664f5b39aff7e90bc70befa327e899024cb4ac52999d3635df37646421
data/Gemfile.lock CHANGED
@@ -1,7 +1,7 @@
1
1
  PATH
2
2
  remote: .
3
3
  specs:
4
- sass-zero (1.0.23)
4
+ sass-zero (1.0.24)
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,5 @@
1
+ @import "../variables/spacing";
2
+
1
3
  .flex {
2
4
  display: flex;
3
5
  }
@@ -22,6 +24,14 @@
22
24
  align-items: center;
23
25
  }
24
26
 
27
+ .flex--align-bottom {
28
+ align-items: flex-end;
29
+ }
30
+
31
+ .flex--gap {
32
+ gap: $size-3;
33
+ }
34
+
25
35
  .i-flex {
26
36
  display: inline-flex;
27
37
  }
@@ -41,3 +51,37 @@
41
51
  .flex-item--align-center {
42
52
  align-self: center;
43
53
  }
54
+
55
+ .flex-item--align-start {
56
+ align-self: start;
57
+ }
58
+
59
+ .flex-item--align-end {
60
+ align-self: end;
61
+ }
62
+
63
+ @media (min-width: $breakpoint-sm) {
64
+ .flex\@sm {
65
+ display: flex;
66
+ }
67
+
68
+ .flex--centered\@sm {
69
+ justify-content: center;
70
+ }
71
+
72
+ .flex--align-center\@sm {
73
+ align-items: center;
74
+ }
75
+
76
+ .flex--space-items\@sm {
77
+ justify-content: space-between;
78
+ }
79
+
80
+ .flex--align-center\@sm {
81
+ align-items: center;
82
+ }
83
+
84
+ .flex--align-bottom\@sm {
85
+ align-items: flex-end;
86
+ }
87
+ }
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.23"
3
+ VERSION = "1.0.24"
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.23",
3
+ "version": "1.0.24",
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.23
4
+ version: 1.0.24
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-09 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