sass-zero 1.0.1 → 1.0.5

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: c854b53b284807e980381e23c97a299e4a3418d9fc6ed2ea159c72b22f2ff675
4
- data.tar.gz: 5b677eefbd12f5ef3ecb04c799b68bc58173a9448f574e847804f0393efb8375
3
+ metadata.gz: f32539e9c34c61f5d5be57df924b211662fbb61c8600b75e4d276a684976bb0b
4
+ data.tar.gz: c6cc588d93f8dd57bd6dcd91090b9bb3ef5f661f8c831e5b2a6af71e30461479
5
5
  SHA512:
6
- metadata.gz: 7383e893ded2ce3166429798fb3bc3f9121368a2ad7ce7a877c960cd9c20e56b55f81bb89467a8063b0cb5cdf590f5a9da8a5d8daa22359d73ad4b24903d4608
7
- data.tar.gz: f90ce8c8f05de51f39a1d04183c262a0c07e1946b130eb5cec11984a05386bcb2f36f4810530353cbb5537300bb13eebbe7b1a756030d5f845277e03d7485f10
6
+ metadata.gz: 74014a811dff43c7348d850726619c924231fcb810e3c61fcc27444b4d6b8730f1acf7f9691486026b1c123970223ac52b76c1e0967dfa70e716bacac738d979
7
+ data.tar.gz: cc6eb9014294a9c7fe3c578d54d96a7fdd97c5466a332629d3e3ad77e47b065aec5572aba96fc0b93d987b0c9f8e54e4f444121607e0dbba245deb84f89b46cd
data/Example.html CHANGED
@@ -18,9 +18,11 @@
18
18
  <button class="btn btn--secondary">Button Secondary</button>
19
19
  <button class="btn btn--tertiary">Button Tertiary</button>
20
20
 
21
- <a href="#" class="btn btn--primary">Link Button</a>
21
+ <a href="#" class="btn btn--secondary">Link Button</a>
22
+ <input type="submit" value="Submit Button" class="btn btn--secondary" />
22
23
 
23
- <input type="submit" value="Submit Button" class="btn btn--primary" />
24
+ <button class="btn btn--secondary"><i class="bx bx-plus"></i> Icon Button</button>
25
+ <button class="btn btn--secondary btn--small">Small Button</button>
24
26
 
25
27
  <hr>
26
28
 
data/README.md CHANGED
@@ -102,6 +102,12 @@ Create some stylesheet using [BEM](http://getbem.com/naming) and [SASS-ZERO Vari
102
102
  }
103
103
  ```
104
104
 
105
+ ```html
106
+ <div class="block block--modifier">
107
+ <div class="block__element" />
108
+ </div>
109
+ ```
110
+
105
111
  ## References
106
112
 
107
113
  - [SASS](https://sass-lang.com)
@@ -110,6 +116,7 @@ Create some stylesheet using [BEM](http://getbem.com/naming) and [SASS-ZERO Vari
110
116
  - [BEM](http://getbem.com/naming)
111
117
  - [Refactoring UI](https://refactoringui.com/book)
112
118
  - [Shape UP](https://basecamp.com/shapeup)
119
+ - [Boxicons](https://boxicons.com)
113
120
 
114
121
  ## License
115
122
 
@@ -260,3 +260,12 @@ video {
260
260
  [hidden] {
261
261
  display: none;
262
262
  }
263
+
264
+ /**
265
+ * Unfortunate hack until https://bugs.webkit.org/show_bug.cgi?id=198959 is fixed.
266
+ * This sucks because users can't change line-height with a utility on date inputs now.
267
+ * Reference: https://github.com/twbs/bootstrap/pull/31993
268
+ */
269
+ ::-webkit-date-and-time-value {
270
+ min-height: 1.5em;
271
+ }
@@ -38,7 +38,7 @@ html {
38
38
  border-width: $border;
39
39
  display: inline-block;
40
40
  font-weight: $font-bold;
41
- padding: $size-2 $size-4;
41
+ padding: $size-2 $size-3;
42
42
  cursor: pointer;
43
43
 
44
44
  &--primary {
@@ -58,6 +58,15 @@ html {
58
58
  border-color: $transparent;
59
59
  }
60
60
 
61
+ &--small {
62
+ font-size: $text-sm;
63
+ }
64
+
65
+ & > i {
66
+ vertical-align: sub;
67
+ font-size: 1.25em;
68
+ }
69
+
61
70
  &:focus {
62
71
  box-shadow: ring($color: var(--color-focus-ring));
63
72
  @include outline-none;
@@ -93,6 +102,11 @@ html {
93
102
  box-shadow: ring($color: var(--color-focus-ring));
94
103
  @include outline-none;
95
104
  }
105
+
106
+ &:disabled {
107
+ pointer-events: none;
108
+ opacity: $opacity-50;
109
+ }
96
110
  }
97
111
 
98
112
  input[type="checkbox"], input[type="radio"] {
@@ -110,10 +124,6 @@ blockquote {
110
124
  padding: $size-3 $size-4;
111
125
  }
112
126
 
113
- cite {
114
- font-size: $text-sm;
115
- }
116
-
117
127
  code {
118
128
  background-color: var(--color-bg--surface);
119
129
  border-radius: $rounded;
@@ -182,7 +192,7 @@ fieldset, .input {
182
192
  margin-bottom: $size-6;
183
193
  }
184
194
 
185
- table, details, blockquote, p, pre, ul, ol, dl {
195
+ table, details, blockquote, figure, p, pre, ul, ol, dl {
186
196
  margin-bottom: $size-6;
187
197
  }
188
198
 
@@ -192,6 +202,10 @@ details {
192
202
  border-left-width: $border-4;
193
203
  }
194
204
 
205
+ details[open] > summary {
206
+ margin-bottom: $size-1;
207
+ }
208
+
195
209
  summary {
196
210
  cursor: pointer;
197
211
  }
@@ -234,3 +248,7 @@ h5, .hdg--lg {
234
248
  h6, .hdg--base {
235
249
  font-size: $text-base;
236
250
  }
251
+
252
+ figcaption, cite {
253
+ font-size: $text-sm;
254
+ }
@@ -15,7 +15,7 @@ $rounded-full: 9999px;
15
15
 
16
16
  // *******************************************************************
17
17
  // Border Width
18
- // Utilities for controlling the width of an element's borders.
18
+ // Variables for controlling the width of an element's borders.
19
19
  // border-width: $border;
20
20
  // *******************************************************************
21
21
  $border-0: 0;
@@ -14,7 +14,7 @@ $shadow-none: none;
14
14
 
15
15
  // *******************************************************************
16
16
  // Opacity
17
- // Utilities for controlling the opacity of an element.
17
+ // Variables for controlling the opacity of an element.
18
18
  // opacity: $opacity-25;
19
19
  // *******************************************************************
20
20
  $opacity-0: 0;
@@ -35,7 +35,7 @@ $opacity-100: 1;
35
35
 
36
36
  // *******************************************************************
37
37
  // Ring
38
- // Utilities for creating outline rings with box-shadows.
38
+ // Function for creating outline rings with box-shadows.
39
39
  // box-shadow: ring($width: 4px);
40
40
  // *******************************************************************
41
41
  @function ring($width: 3px, $color: rgba($blue-500, 0.5), $offset-width: 0px, $offset-color: $white, $inset: false) {
@@ -10,7 +10,7 @@ $flex-none: none;
10
10
 
11
11
  // *******************************************************************
12
12
  // Flex Grow
13
- // Utilities for controlling how flex items grow.
13
+ // Variables for controlling how flex items grow.
14
14
  // flex-grow: $flex-grow-0;
15
15
  // *******************************************************************
16
16
  $flex-grow-0: 0;
@@ -18,7 +18,7 @@ $flex-grow: 1;
18
18
 
19
19
  // *******************************************************************
20
20
  // Flex Shrink
21
- // Utilities for controlling how flex items shrink.
21
+ // Variables for controlling how flex items shrink.
22
22
  // flex-shrink: $flex-shrink-0;
23
23
  // *******************************************************************
24
24
  $flex-shrink-0: 0;
@@ -1,6 +1,6 @@
1
1
  // *******************************************************************
2
2
  // Grid Template Columns
3
- // Utilities for specifying the columns in a grid layout.
3
+ // Variables for specifying the columns in a grid layout.
4
4
  // grid-template-columns: $grid-cols-1;
5
5
  // *******************************************************************
6
6
  $grid-cols-1: repeat(1, minmax(0, 1fr));
@@ -19,7 +19,7 @@ $grid-cols-none: none;
19
19
 
20
20
  // *******************************************************************
21
21
  // Grid Column Start / End
22
- // Utilities for controlling how elements are sized and placed across grid columns.
22
+ // Variables for controlling how elements are sized and placed across grid columns.
23
23
  // grid-column: $col-span-1;
24
24
  // *******************************************************************
25
25
  $col-auto: auto;
@@ -39,7 +39,7 @@ $col-span-full: 1 / -1;
39
39
 
40
40
  // *******************************************************************
41
41
  // Grid Template Rows
42
- // Utilities for specifying the rows in a grid layout.
42
+ // Variables for specifying the rows in a grid layout.
43
43
  // grid-template-rows: $grid-rows-1;
44
44
  // *******************************************************************
45
45
  $grid-rows-1: repeat(1, minmax(0, 1fr));
@@ -52,7 +52,7 @@ $grid-rows-none: none;
52
52
 
53
53
  // *******************************************************************
54
54
  // Grid Row Start / End
55
- // Utilities for controlling how elements are sized and placed across grid rows.
55
+ // Variables for controlling how elements are sized and placed across grid rows.
56
56
  // grid-row: $row-span-1;
57
57
  // *******************************************************************
58
58
  $row-auto: auto;
@@ -66,7 +66,7 @@ $row-span-full: 1 / -1;
66
66
 
67
67
  // *******************************************************************
68
68
  // Grid Auto Columns
69
- // Utilities for controlling the size of implicitly-created grid columns.
69
+ // Variables for controlling the size of implicitly-created grid columns.
70
70
  // grid-auto-columns: $auto-cols-auto;
71
71
  // *******************************************************************
72
72
  $auto-cols-auto: auto;
@@ -76,7 +76,7 @@ $auto-cols-fr: minmax(0, 1fr);
76
76
 
77
77
  // *******************************************************************
78
78
  // Grid Auto Rows
79
- // Utilities for controlling the size of implicitly-created grid rows.
79
+ // Variables for controlling the size of implicitly-created grid rows.
80
80
  // grid-auto-rows: $auto-rows-auto;
81
81
  // *******************************************************************
82
82
  $auto-rows-auto: auto;
@@ -40,7 +40,7 @@ $size-map: (
40
40
  "sm": $size-4,
41
41
  "md": $size-6,
42
42
  "lg": $size-12,
43
- "xl": $size-20,
43
+ "xl": $size-16,
44
44
  "2xl": $size-24,
45
45
  "3xl": $size-32
46
46
  );
@@ -1,5 +1,5 @@
1
1
  module Sass
2
2
  module Zero
3
- VERSION = "1.0.1"
3
+ VERSION = "1.0.5"
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.1",
3
+ "version": "1.0.5",
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.1
4
+ version: 1.0.5
5
5
  platform: ruby
6
6
  authors:
7
7
  - lazaronixon
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2022-01-31 00:00:00.000000000 Z
11
+ date: 2022-02-04 00:00:00.000000000 Z
12
12
  dependencies: []
13
13
  description:
14
14
  email: