sass-zero 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (32) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +8 -0
  3. data/.travis.yml +7 -0
  4. data/CODE_OF_CONDUCT.md +74 -0
  5. data/Gemfile +6 -0
  6. data/Gemfile.lock +26 -0
  7. data/LICENSE.txt +21 -0
  8. data/README.md +51 -0
  9. data/Rakefile +10 -0
  10. data/bin/console +14 -0
  11. data/bin/setup +8 -0
  12. data/lib/sass/zero.rb +8 -0
  13. data/lib/sass/zero/version.rb +5 -0
  14. data/sass-zero.gemspec +30 -0
  15. data/vendor/assets/stylesheets/sass-zero/base.scss +3 -0
  16. data/vendor/assets/stylesheets/sass-zero/base/breadboard.scss +222 -0
  17. data/vendor/assets/stylesheets/sass-zero/base/normalize.css +349 -0
  18. data/vendor/assets/stylesheets/sass-zero/base/preflight.scss +231 -0
  19. data/vendor/assets/stylesheets/sass-zero/mixins.scss +49 -0
  20. data/vendor/assets/stylesheets/sass-zero/variables.scss +10 -0
  21. data/vendor/assets/stylesheets/sass-zero/variables/border.scss +22 -0
  22. data/vendor/assets/stylesheets/sass-zero/variables/breakpoints.scss +9 -0
  23. data/vendor/assets/stylesheets/sass-zero/variables/colors.scss +108 -0
  24. data/vendor/assets/stylesheets/sass-zero/variables/effects.scss +26 -0
  25. data/vendor/assets/stylesheets/sass-zero/variables/flex.scss +9 -0
  26. data/vendor/assets/stylesheets/sass-zero/variables/spacing.scss +28 -0
  27. data/vendor/assets/stylesheets/sass-zero/variables/transform.scss +35 -0
  28. data/vendor/assets/stylesheets/sass-zero/variables/transition.scss +36 -0
  29. data/vendor/assets/stylesheets/sass-zero/variables/typography.scss +72 -0
  30. data/vendor/assets/stylesheets/sass-zero/variables/width.scss +74 -0
  31. data/vendor/assets/stylesheets/sass-zero/variables/zindex.scss +12 -0
  32. metadata +104 -0
@@ -0,0 +1,349 @@
1
+ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
2
+
3
+ /* Document
4
+ ========================================================================== */
5
+
6
+ /**
7
+ * 1. Correct the line height in all browsers.
8
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
9
+ */
10
+
11
+ html {
12
+ line-height: 1.15; /* 1 */
13
+ -webkit-text-size-adjust: 100%; /* 2 */
14
+ }
15
+
16
+ /* Sections
17
+ ========================================================================== */
18
+
19
+ /**
20
+ * Remove the margin in all browsers.
21
+ */
22
+
23
+ body {
24
+ margin: 0;
25
+ }
26
+
27
+ /**
28
+ * Render the `main` element consistently in IE.
29
+ */
30
+
31
+ main {
32
+ display: block;
33
+ }
34
+
35
+ /**
36
+ * Correct the font size and margin on `h1` elements within `section` and
37
+ * `article` contexts in Chrome, Firefox, and Safari.
38
+ */
39
+
40
+ h1 {
41
+ font-size: 2em;
42
+ margin: 0.67em 0;
43
+ }
44
+
45
+ /* Grouping content
46
+ ========================================================================== */
47
+
48
+ /**
49
+ * 1. Add the correct box sizing in Firefox.
50
+ * 2. Show the overflow in Edge and IE.
51
+ */
52
+
53
+ hr {
54
+ box-sizing: content-box; /* 1 */
55
+ height: 0; /* 1 */
56
+ overflow: visible; /* 2 */
57
+ }
58
+
59
+ /**
60
+ * 1. Correct the inheritance and scaling of font size in all browsers.
61
+ * 2. Correct the odd `em` font sizing in all browsers.
62
+ */
63
+
64
+ pre {
65
+ font-family: monospace, monospace; /* 1 */
66
+ font-size: 1em; /* 2 */
67
+ }
68
+
69
+ /* Text-level semantics
70
+ ========================================================================== */
71
+
72
+ /**
73
+ * Remove the gray background on active links in IE 10.
74
+ */
75
+
76
+ a {
77
+ background-color: transparent;
78
+ }
79
+
80
+ /**
81
+ * 1. Remove the bottom border in Chrome 57-
82
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
83
+ */
84
+
85
+ abbr[title] {
86
+ border-bottom: none; /* 1 */
87
+ text-decoration: underline; /* 2 */
88
+ text-decoration: underline dotted; /* 2 */
89
+ }
90
+
91
+ /**
92
+ * Add the correct font weight in Chrome, Edge, and Safari.
93
+ */
94
+
95
+ b,
96
+ strong {
97
+ font-weight: bolder;
98
+ }
99
+
100
+ /**
101
+ * 1. Correct the inheritance and scaling of font size in all browsers.
102
+ * 2. Correct the odd `em` font sizing in all browsers.
103
+ */
104
+
105
+ code,
106
+ kbd,
107
+ samp {
108
+ font-family: monospace, monospace; /* 1 */
109
+ font-size: 1em; /* 2 */
110
+ }
111
+
112
+ /**
113
+ * Add the correct font size in all browsers.
114
+ */
115
+
116
+ small {
117
+ font-size: 80%;
118
+ }
119
+
120
+ /**
121
+ * Prevent `sub` and `sup` elements from affecting the line height in
122
+ * all browsers.
123
+ */
124
+
125
+ sub,
126
+ sup {
127
+ font-size: 75%;
128
+ line-height: 0;
129
+ position: relative;
130
+ vertical-align: baseline;
131
+ }
132
+
133
+ sub {
134
+ bottom: -0.25em;
135
+ }
136
+
137
+ sup {
138
+ top: -0.5em;
139
+ }
140
+
141
+ /* Embedded content
142
+ ========================================================================== */
143
+
144
+ /**
145
+ * Remove the border on images inside links in IE 10.
146
+ */
147
+
148
+ img {
149
+ border-style: none;
150
+ }
151
+
152
+ /* Forms
153
+ ========================================================================== */
154
+
155
+ /**
156
+ * 1. Change the font styles in all browsers.
157
+ * 2. Remove the margin in Firefox and Safari.
158
+ */
159
+
160
+ button,
161
+ input,
162
+ optgroup,
163
+ select,
164
+ textarea {
165
+ font-family: inherit; /* 1 */
166
+ font-size: 100%; /* 1 */
167
+ line-height: 1.15; /* 1 */
168
+ margin: 0; /* 2 */
169
+ }
170
+
171
+ /**
172
+ * Show the overflow in IE.
173
+ * 1. Show the overflow in Edge.
174
+ */
175
+
176
+ button,
177
+ input { /* 1 */
178
+ overflow: visible;
179
+ }
180
+
181
+ /**
182
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
183
+ * 1. Remove the inheritance of text transform in Firefox.
184
+ */
185
+
186
+ button,
187
+ select { /* 1 */
188
+ text-transform: none;
189
+ }
190
+
191
+ /**
192
+ * Correct the inability to style clickable types in iOS and Safari.
193
+ */
194
+
195
+ button,
196
+ [type="button"],
197
+ [type="reset"],
198
+ [type="submit"] {
199
+ -webkit-appearance: button;
200
+ }
201
+
202
+ /**
203
+ * Remove the inner border and padding in Firefox.
204
+ */
205
+
206
+ button::-moz-focus-inner,
207
+ [type="button"]::-moz-focus-inner,
208
+ [type="reset"]::-moz-focus-inner,
209
+ [type="submit"]::-moz-focus-inner {
210
+ border-style: none;
211
+ padding: 0;
212
+ }
213
+
214
+ /**
215
+ * Restore the focus styles unset by the previous rule.
216
+ */
217
+
218
+ button:-moz-focusring,
219
+ [type="button"]:-moz-focusring,
220
+ [type="reset"]:-moz-focusring,
221
+ [type="submit"]:-moz-focusring {
222
+ outline: 1px dotted ButtonText;
223
+ }
224
+
225
+ /**
226
+ * Correct the padding in Firefox.
227
+ */
228
+
229
+ fieldset {
230
+ padding: 0.35em 0.75em 0.625em;
231
+ }
232
+
233
+ /**
234
+ * 1. Correct the text wrapping in Edge and IE.
235
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
236
+ * 3. Remove the padding so developers are not caught out when they zero out
237
+ * `fieldset` elements in all browsers.
238
+ */
239
+
240
+ legend {
241
+ box-sizing: border-box; /* 1 */
242
+ color: inherit; /* 2 */
243
+ display: table; /* 1 */
244
+ max-width: 100%; /* 1 */
245
+ padding: 0; /* 3 */
246
+ white-space: normal; /* 1 */
247
+ }
248
+
249
+ /**
250
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
251
+ */
252
+
253
+ progress {
254
+ vertical-align: baseline;
255
+ }
256
+
257
+ /**
258
+ * Remove the default vertical scrollbar in IE 10+.
259
+ */
260
+
261
+ textarea {
262
+ overflow: auto;
263
+ }
264
+
265
+ /**
266
+ * 1. Add the correct box sizing in IE 10.
267
+ * 2. Remove the padding in IE 10.
268
+ */
269
+
270
+ [type="checkbox"],
271
+ [type="radio"] {
272
+ box-sizing: border-box; /* 1 */
273
+ padding: 0; /* 2 */
274
+ }
275
+
276
+ /**
277
+ * Correct the cursor style of increment and decrement buttons in Chrome.
278
+ */
279
+
280
+ [type="number"]::-webkit-inner-spin-button,
281
+ [type="number"]::-webkit-outer-spin-button {
282
+ height: auto;
283
+ }
284
+
285
+ /**
286
+ * 1. Correct the odd appearance in Chrome and Safari.
287
+ * 2. Correct the outline style in Safari.
288
+ */
289
+
290
+ [type="search"] {
291
+ -webkit-appearance: textfield; /* 1 */
292
+ outline-offset: -2px; /* 2 */
293
+ }
294
+
295
+ /**
296
+ * Remove the inner padding in Chrome and Safari on macOS.
297
+ */
298
+
299
+ [type="search"]::-webkit-search-decoration {
300
+ -webkit-appearance: none;
301
+ }
302
+
303
+ /**
304
+ * 1. Correct the inability to style clickable types in iOS and Safari.
305
+ * 2. Change font properties to `inherit` in Safari.
306
+ */
307
+
308
+ ::-webkit-file-upload-button {
309
+ -webkit-appearance: button; /* 1 */
310
+ font: inherit; /* 2 */
311
+ }
312
+
313
+ /* Interactive
314
+ ========================================================================== */
315
+
316
+ /*
317
+ * Add the correct display in Edge, IE 10+, and Firefox.
318
+ */
319
+
320
+ details {
321
+ display: block;
322
+ }
323
+
324
+ /*
325
+ * Add the correct display in all browsers.
326
+ */
327
+
328
+ summary {
329
+ display: list-item;
330
+ }
331
+
332
+ /* Misc
333
+ ========================================================================== */
334
+
335
+ /**
336
+ * Add the correct display in IE 10+.
337
+ */
338
+
339
+ template {
340
+ display: none;
341
+ }
342
+
343
+ /**
344
+ * Add the correct display in IE 10.
345
+ */
346
+
347
+ [hidden] {
348
+ display: none;
349
+ }
@@ -0,0 +1,231 @@
1
+ @import "sass-zero/variables";
2
+
3
+ /**
4
+ * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
5
+ * A thin layer on top of normalize.css that provides a starting point more
6
+ * suitable for web applications.
7
+ */
8
+
9
+ /**
10
+ * Removes the default spacing and border for appropriate elements.
11
+ */
12
+
13
+ blockquote,
14
+ dl,
15
+ dd,
16
+ h1,
17
+ h2,
18
+ h3,
19
+ h4,
20
+ h5,
21
+ h6,
22
+ hr,
23
+ figure,
24
+ p,
25
+ pre {
26
+ margin: 0;
27
+ }
28
+
29
+ button {
30
+ background-color: transparent;
31
+ background-image: none;
32
+ padding: 0;
33
+ }
34
+
35
+ /**
36
+ * Work around a Firefox/IE bug where the transparent `button` background
37
+ * results in a loss of the default `button` focus styles.
38
+ */
39
+
40
+ button:focus {
41
+ outline: 1px dotted;
42
+ outline: 5px auto -webkit-focus-ring-color;
43
+ }
44
+
45
+ fieldset {
46
+ margin: 0;
47
+ padding: 0;
48
+ }
49
+
50
+ ol,
51
+ ul {
52
+ list-style: none;
53
+ margin: 0;
54
+ padding: 0;
55
+ }
56
+
57
+ /**
58
+ * Tailwind custom reset styles
59
+ */
60
+
61
+ /**
62
+ * 1. Use the user's configured `sans` font-family (with Tailwind's default
63
+ * sans-serif font stack as a fallback) as a sane default.
64
+ * 2. Use Tailwind's default "normal" line-height so the user isn't forced
65
+ * to override it to ensure consistency even when using the default theme.
66
+ */
67
+
68
+ html {
69
+ font-family: $font-sans; /* 1 */
70
+ line-height: 1.5; /* 2 */
71
+ }
72
+
73
+ /**
74
+ * 1. Prevent padding and border from affecting element width.
75
+ *
76
+ * We used to set this in the html element and inherit from
77
+ * the parent element for everything else. This caused issues
78
+ * in shadow-dom-enhanced elements like <details> where the content
79
+ * is wrapped by a div with box-sizing set to `content-box`.
80
+ *
81
+ * https://github.com/mozdevs/cssremedy/issues/4
82
+ *
83
+ *
84
+ * 2. Allow adding a border to an element by just adding a border-width.
85
+ *
86
+ * By default, the way the browser specifies that an element should have no
87
+ * border is by setting it's border-style to `none` in the user-agent
88
+ * stylesheet.
89
+ *
90
+ * In order to easily add borders to elements by just setting the `border-width`
91
+ * property, we change the default border-style for all elements to `solid`, and
92
+ * use border-width to hide them instead. This way our `border` utilities only
93
+ * need to set the `border-width` property instead of the entire `border`
94
+ * shorthand, making our border utilities much more straightforward to compose.
95
+ *
96
+ * https://github.com/tailwindcss/tailwindcss/pull/116
97
+ */
98
+
99
+ *,
100
+ ::before,
101
+ ::after {
102
+ box-sizing: border-box; /* 1 */
103
+ border-width: 0; /* 2 */
104
+ border-style: solid; /* 2 */
105
+ border-color: $gray-300; /* 2 */
106
+ }
107
+
108
+ /*
109
+ * Ensure horizontal rules are visible by default
110
+ */
111
+
112
+ hr {
113
+ border-top-width: 1px;
114
+ }
115
+
116
+ /**
117
+ * Undo the `border-style: none` reset that Normalize applies to images so that
118
+ * our `border-{width}` utilities have the expected effect.
119
+ *
120
+ * The Normalize reset is unnecessary for us since we default the border-width
121
+ * to 0 on all elements.
122
+ *
123
+ * https://github.com/tailwindcss/tailwindcss/issues/362
124
+ */
125
+
126
+ img {
127
+ border-style: solid;
128
+ }
129
+
130
+ textarea {
131
+ resize: vertical;
132
+ }
133
+
134
+ input::placeholder,
135
+ textarea::placeholder {
136
+ color: #a0aec0;
137
+ }
138
+
139
+ button,
140
+ [role="button"] {
141
+ cursor: pointer;
142
+ }
143
+
144
+ table {
145
+ border-collapse: collapse;
146
+ }
147
+
148
+ h1,
149
+ h2,
150
+ h3,
151
+ h4,
152
+ h5,
153
+ h6 {
154
+ font-size: inherit;
155
+ font-weight: inherit;
156
+ }
157
+
158
+ /**
159
+ * Reset links to optimize for opt-in styling instead of
160
+ * opt-out.
161
+ */
162
+
163
+ a {
164
+ color: inherit;
165
+ text-decoration: inherit;
166
+ }
167
+
168
+ /**
169
+ * Reset form element properties that are easy to forget to
170
+ * style explicitly so you don't inadvertently introduce
171
+ * styles that deviate from your design system. These styles
172
+ * supplement a partial reset that is already applied by
173
+ * normalize.css.
174
+ */
175
+
176
+ button,
177
+ input,
178
+ optgroup,
179
+ select,
180
+ textarea {
181
+ padding: 0;
182
+ line-height: inherit;
183
+ color: inherit;
184
+ }
185
+
186
+ /**
187
+ * Use the configured 'mono' font family for elements that
188
+ * are expected to be rendered with a monospace font, falling
189
+ * back to the system monospace stack if there is no configured
190
+ * 'mono' font family.
191
+ */
192
+
193
+ pre,
194
+ code,
195
+ kbd,
196
+ samp {
197
+ font-family: $font-mono;
198
+ }
199
+
200
+ /**
201
+ * Make replaced elements `display: block` by default as that's
202
+ * the behavior you want almost all of the time. Inspired by
203
+ * CSS Remedy, with `svg` added as well.
204
+ *
205
+ * https://github.com/mozdevs/cssremedy/issues/14
206
+ */
207
+
208
+ img,
209
+ svg,
210
+ video,
211
+ canvas,
212
+ audio,
213
+ iframe,
214
+ embed,
215
+ object {
216
+ display: block;
217
+ vertical-align: middle;
218
+ }
219
+
220
+ /**
221
+ * Constrain images and videos to the parent width and preserve
222
+ * their instrinsic aspect ratio.
223
+ *
224
+ * https://github.com/mozdevs/cssremedy/issues/14
225
+ */
226
+
227
+ img,
228
+ video {
229
+ max-width: 100%;
230
+ height: auto;
231
+ }