sass-zero 1.0.17 → 1.0.20

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.
Files changed (15) hide show
  1. checksums.yaml +4 -4
  2. data/Example.html +1 -1
  3. data/Gemfile.lock +1 -1
  4. data/README.md +1 -0
  5. data/app/assets/stylesheets/sass-zero/base/preflight.scss +1 -8
  6. data/app/assets/stylesheets/sass-zero/breadboard.scss +8 -8
  7. data/app/assets/stylesheets/sass-zero/mixins.scss +0 -5
  8. data/app/assets/stylesheets/sass-zero/utilities/align.scss +4 -0
  9. data/app/assets/stylesheets/sass-zero/utilities/border.scss +17 -0
  10. data/app/assets/stylesheets/sass-zero/utilities/text.scss +4 -13
  11. data/app/assets/stylesheets/sass-zero/utilities.scss +1 -0
  12. data/app/assets/stylesheets/sass-zero/variables/grid.scss +2 -2
  13. data/lib/sass_zero/version.rb +1 -1
  14. data/package.json +1 -1
  15. metadata +3 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 4759309e52c04d123d920114a45bc4fa32ae109b147576bc0b38147ffdf286c2
4
- data.tar.gz: db228db2ad8576c0f9fb7e2d118d23b4f7664d398419cc578074ed18657ec93d
3
+ metadata.gz: 3e17ef8146e342d237eef8d9b6c75e0ee1c089827b2f25f35eefb22b8e34589c
4
+ data.tar.gz: afcbd6cf7a4a1882f29a0d73abc27be46daba9da3d5f1b88858ed096bea07381
5
5
  SHA512:
6
- metadata.gz: 659baf67f71dc2ef03dca65ab78b1d4af69afbe73e2b21c9de6ce63fa641ce0399e26aebf4d49e23c6325641da17a792d35d8759e52609f673901f0f8e4a684a
7
- data.tar.gz: 118c182162e54c47ce34010101c79dae11ef135ad90dbeb139d47bccd5ba7963868cef978c28e634ebdaf0ee0b809e4e1c258af0a4ca4da0b49f883ee8cbf680
6
+ metadata.gz: 66e63bf0c6ccf88fa06b4dee5eb4f6758838634fa2f8438bf634b42192f752b33bfb1e26cef98cbc7ebff43e3016d0332e2867503c0e0371a35b623670841d82
7
+ data.tar.gz: 074beb1cedccd4ebcb10677258efe50fb66d5a0aa2604e4058a065f8f9b7ff14f9e2f83cf098f442eaa638cb8e21e7c4b3e380356305bb7b9617d4ee06045c60
data/Example.html CHANGED
@@ -22,7 +22,7 @@
22
22
 
23
23
  <input type="submit" value="Submit Button" class="btn btn--secondary" />
24
24
 
25
- <details class="u-display-ib">
25
+ <details class="u-position-context">
26
26
  <summary class="btn btn--secondary">Popup Button</summary>
27
27
  <div class="popup-menu push-xs--top u-position--right">
28
28
  <ul class="list--unindented u-nowrap flush">
data/Gemfile.lock CHANGED
@@ -1,7 +1,7 @@
1
1
  PATH
2
2
  remote: .
3
3
  specs:
4
- sass-zero (1.0.17)
4
+ sass-zero (1.0.20)
5
5
 
6
6
  GEM
7
7
  remote: https://rubygems.org/
data/README.md CHANGED
@@ -55,6 +55,7 @@ Developers should be able to produce your own design, [Refactoring UI](https://r
55
55
 
56
56
  - [Align](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/align.scss)
57
57
  - [Animation](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/animation.scss)
58
+ - [Border](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/border.scss)
58
59
  - [Container](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/container.scss)
59
60
  - [Margin Push](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/push.scss)
60
61
  - [Margin Pull](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/pull.scss)
data/app/assets/stylesheets/sass-zero/base/preflight.scss CHANGED
@@ -163,6 +163,7 @@ select,
163
163
  textarea {
164
164
  font-family: inherit; /* 1 */
165
165
  font-size: 100%; /* 1 */
166
+ font-weight: inherit; /* 1 */
166
167
  line-height: inherit; /* 1 */
167
168
  color: inherit; /* 1 */
168
169
  margin: 0; /* 2 */
@@ -360,11 +361,3 @@ video {
360
361
  max-width: 100%;
361
362
  height: auto;
362
363
  }
363
-
364
- /*
365
- Ensure the default browser behavior of the `hidden` attribute.
366
- */
367
-
368
- [hidden] {
369
- display: none;
370
- }
data/app/assets/stylesheets/sass-zero/breadboard.scss CHANGED
@@ -71,7 +71,7 @@ html {
71
71
  }
72
72
 
73
73
  .input {
74
- @include appearance-none;
74
+ appearance: none;
75
75
  resize: none;
76
76
  background-color: var(--color-bg--main);
77
77
  border-radius: $radius-secondary;
@@ -95,10 +95,10 @@ html {
95
95
  }
96
96
 
97
97
  .popup-menu {
98
- background-color: var(--color-bg--surface);
99
- border-radius: $radius-secondary;
100
- padding: $size-2 $size-3;
101
- box-shadow: $shadow-md;
98
+ background-color: var(--color-bg--main);
99
+ border-width: $border; border-radius: $radius-primary;
100
+ padding: $size-3 $size-4;
101
+ box-shadow: $shadow-lg;
102
102
  position: absolute;
103
103
  z-index: $z-10;
104
104
  }
@@ -190,8 +190,8 @@ table, progress, blockquote, figure, pre, menu, ul, ol, dl, p {
190
190
  }
191
191
 
192
192
  dialog {
193
- background-color: var(--color-bg--surface);
194
- border-radius: $radius-primary;
193
+ background-color: var(--color-bg--main);
194
+ border-width: $border; border-radius: $radius-primary;
195
195
  padding: $size-3 $size-4;
196
196
  box-shadow: $shadow-lg;
197
197
  color: inherit;
@@ -210,7 +210,7 @@ progress {
210
210
  }
211
211
 
212
212
  details {
213
- position: relative;
213
+ display: inline-block;
214
214
  }
215
215
 
216
216
  summary {
data/app/assets/stylesheets/sass-zero/mixins.scss CHANGED
@@ -24,11 +24,6 @@
24
24
  outline-offset: 2px;
25
25
  }
26
26
 
27
- @mixin appearance-none {
28
- -webkit-appearance: none;
29
- appearance: none;
30
- }
31
-
32
27
  @mixin progress-bar {
33
28
  ::-webkit-progress-value {
34
29
  @content;
data/app/assets/stylesheets/sass-zero/utilities/align.scss CHANGED
@@ -10,6 +10,10 @@
10
10
  vertical-align: bottom;
11
11
  }
12
12
 
13
+ .align--text-bottom {
14
+ vertical-align: text-bottom;
15
+ }
16
+
13
17
  .align--left {
14
18
  text-align: left;
15
19
  }
data/app/assets/stylesheets/sass-zero/utilities/border.scss ADDED
@@ -0,0 +1,17 @@
1
+ @import "../variables/border";
2
+
3
+ .border--top {
4
+ border-top-width: $border;
5
+ }
6
+
7
+ .border--bottom {
8
+ border-bottom-width: $border;
9
+ }
10
+
11
+ .border--left {
12
+ border-left-width: $border !important;
13
+ }
14
+
15
+ .border--all {
16
+ border-width: $border !important;
17
+ }
data/app/assets/stylesheets/sass-zero/utilities/text.scss CHANGED
@@ -19,6 +19,10 @@
19
19
  text-transform: uppercase;
20
20
  }
21
21
 
22
+ .txt--spread {
23
+ letter-spacing: $tracking-widest;
24
+ }
25
+
22
26
  .txt--nowrap {
23
27
  white-space: nowrap;
24
28
  }
@@ -57,67 +61,54 @@
57
61
 
58
62
  .txt--xs {
59
63
  font-size: $text-xs;
60
- line-height: $leading-4;
61
64
  }
62
65
 
63
66
  .txt--sm {
64
67
  font-size: $text-sm;
65
- line-height: $leading-5;
66
68
  }
67
69
 
68
70
  .txt--md {
69
71
  font-size: $text-base;
70
- line-height: $leading-6;
71
72
  }
72
73
 
73
74
  .txt--lg {
74
75
  font-size: $text-lg;
75
- line-height: $leading-7;
76
76
  }
77
77
 
78
78
  .txt--xl {
79
79
  font-size: $text-xl;
80
- line-height: $leading-7;
81
80
  }
82
81
 
83
82
  .txt--2xl {
84
83
  font-size: $text-2xl;
85
- line-height: $leading-8;
86
84
  }
87
85
 
88
86
  .txt--3xl {
89
87
  font-size: $text-3xl;
90
- line-height: $leading-9;
91
88
  }
92
89
 
93
90
  .txt--4xl {
94
91
  font-size: $text-4xl;
95
- line-height: $leading-10;
96
92
  }
97
93
 
98
94
  .txt--5xl {
99
95
  font-size: $text-5xl;
100
- line-height: $leading-none;
101
96
  }
102
97
 
103
98
  .txt--6xl {
104
99
  font-size: $text-6xl;
105
- line-height: $leading-none;
106
100
  }
107
101
 
108
102
  .txt--7xl {
109
103
  font-size: $text-7xl;
110
- line-height: $leading-none;
111
104
  }
112
105
 
113
106
  .txt--8xl {
114
107
  font-size: $text-8xl;
115
- line-height: $leading-none;
116
108
  }
117
109
 
118
110
  .txt--9xl {
119
111
  font-size: $text-9xl;
120
- line-height: $leading-none;
121
112
  }
122
113
 
123
114
  .undecorated {
data/app/assets/stylesheets/sass-zero/utilities.scss CHANGED
@@ -1,5 +1,6 @@
1
1
  @import "./utilities/align";
2
2
  @import "./utilities/animation";
3
+ @import "./utilities/border";
3
4
  @import "./utilities/container";
4
5
  @import "./utilities/flex";
5
6
  @import "./utilities/flush";
data/app/assets/stylesheets/sass-zero/variables/grid.scss CHANGED
@@ -35,7 +35,7 @@ $col-span-9: span 9 / span 9;
35
35
  $col-span-10: span 10 / span 10;
36
36
  $col-span-11: span 11 / span 11;
37
37
  $col-span-12: span 12 / span 12;
38
- $col-span-full: 1 / -1;
38
+ $col-span-full: calc(1 / -1);
39
39
 
40
40
  // *******************************************************************
41
41
  // Grid Template Rows
@@ -62,7 +62,7 @@ $row-span-3: span 3 / span 3;
62
62
  $row-span-4: span 4 / span 4;
63
63
  $row-span-5: span 5 / span 5;
64
64
  $row-span-6: span 6 / span 6;
65
- $row-span-full: 1 / -1;
65
+ $row-span-full: calc(1 / -1);
66
66
 
67
67
  // *******************************************************************
68
68
  // Grid Auto Columns
data/lib/sass_zero/version.rb CHANGED
@@ -1,5 +1,5 @@
1
1
  module Sass
2
2
  module Zero
3
- VERSION = "1.0.17"
3
+ VERSION = "1.0.20"
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.16",
3
+ "version": "1.0.20",
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.17
4
+ version: 1.0.20
5
5
  platform: ruby
6
6
  authors:
7
7
  - lazaronixon
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2022-04-26 00:00:00.000000000 Z
11
+ date: 2022-06-02 00:00:00.000000000 Z
12
12
  dependencies: []
13
13
  description:
14
14
  email:
@@ -32,6 +32,7 @@ files:
32
32
  - app/assets/stylesheets/sass-zero/utilities.scss
33
33
  - app/assets/stylesheets/sass-zero/utilities/align.scss
34
34
  - app/assets/stylesheets/sass-zero/utilities/animation.scss
35
+ - app/assets/stylesheets/sass-zero/utilities/border.scss
35
36
  - app/assets/stylesheets/sass-zero/utilities/container.scss
36
37
  - app/assets/stylesheets/sass-zero/utilities/flex.scss
37
38
  - app/assets/stylesheets/sass-zero/utilities/flush.scss