si_core_styles 0.0.1
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.
- checksums.yaml +7 -0
- data/.DS_Store +0 -0
- data/.gitignore +17 -0
- data/Gemfile +5 -0
- data/LICENSE.txt +22 -0
- data/README.md +29 -0
- data/Rakefile +1 -0
- data/lib/.DS_Store +0 -0
- data/lib/si_core_styles.rb +9 -0
- data/lib/si_core_styles/version.rb +3 -0
- data/lib/stylesheets/_si_core_styles.sass +1 -0
- data/lib/stylesheets/modules/_functions.scss +0 -0
- data/lib/stylesheets/modules/_mixins.scss +443 -0
- data/lib/stylesheets/modules/_normalize.scss +586 -0
- data/lib/stylesheets/partials/_accessories.scss +8 -0
- data/lib/stylesheets/partials/_forms.scss +34 -0
- data/lib/stylesheets/partials/_typography.scss +82 -0
- data/lib/stylesheets/variables/_colors.scss +89 -0
- data/lib/stylesheets/variables/_display-variables.scss +10 -0
- data/lib/stylesheets/variables/_media-queries.scss +0 -0
- data/lib/stylesheets/variables/_normalize-vars.scss +38 -0
- data/si_core_styles.gemspec +23 -0
- metadata +93 -0
@@ -0,0 +1,586 @@
|
|
1
|
+
/* normalize.css v2.1.2 | MIT License | git.io/normalize */
|
2
|
+
/* normalize.scss v2.1.2 | MIT/GPLv2 License | bit.ly/normalize-with-compass */
|
3
|
+
|
4
|
+
|
5
|
+
/* ==========================================================================
|
6
|
+
HTML5 display definitions
|
7
|
+
========================================================================== */
|
8
|
+
|
9
|
+
/**
|
10
|
+
* Correct `block` display not defined in IE 8/9.
|
11
|
+
*/
|
12
|
+
|
13
|
+
article,
|
14
|
+
aside,
|
15
|
+
details,
|
16
|
+
figcaption,
|
17
|
+
figure,
|
18
|
+
footer,
|
19
|
+
header,
|
20
|
+
hgroup,
|
21
|
+
main,
|
22
|
+
nav,
|
23
|
+
section,
|
24
|
+
summary {
|
25
|
+
display: block;
|
26
|
+
}
|
27
|
+
|
28
|
+
/**
|
29
|
+
* Correct `inline-block` display not defined in IE 8/9.
|
30
|
+
*/
|
31
|
+
|
32
|
+
audio,
|
33
|
+
canvas,
|
34
|
+
video {
|
35
|
+
display: inline-block;
|
36
|
+
@if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
|
37
|
+
*display: inline;
|
38
|
+
*zoom: 1;
|
39
|
+
}
|
40
|
+
}
|
41
|
+
|
42
|
+
/**
|
43
|
+
* Prevent modern browsers from displaying `audio` without controls.
|
44
|
+
* Remove excess height in iOS 5 devices.
|
45
|
+
*/
|
46
|
+
|
47
|
+
audio:not([controls]) {
|
48
|
+
display: none;
|
49
|
+
height: 0;
|
50
|
+
}
|
51
|
+
|
52
|
+
/**
|
53
|
+
* Address styling not present in IE 8/9.
|
54
|
+
*/
|
55
|
+
|
56
|
+
[hidden] {
|
57
|
+
display: none;
|
58
|
+
}
|
59
|
+
|
60
|
+
/* ==========================================================================
|
61
|
+
Base
|
62
|
+
========================================================================== */
|
63
|
+
|
64
|
+
/**
|
65
|
+
* 1. Set default font family to sans-serif.
|
66
|
+
* 2. Prevent iOS text size adjust after orientation change, without disabling
|
67
|
+
* user zoom.
|
68
|
+
* 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
|
69
|
+
* `em` units.
|
70
|
+
*/
|
71
|
+
|
72
|
+
html {
|
73
|
+
font-family: $base-font-family; /* 1 */
|
74
|
+
@if not $strict-normalize or $legacy-support-for-ie6 or $legacy-support-for-ie7 {
|
75
|
+
font-size: 100% * ($base-font-size / 16px); /* 3 */
|
76
|
+
}
|
77
|
+
-ms-text-size-adjust: 100%; /* 2 */
|
78
|
+
-webkit-text-size-adjust: 100%; /* 2 */
|
79
|
+
|
80
|
+
@if not $strict-normalize {
|
81
|
+
/* Establish a vertical rhythm unit using $base-line-height. */
|
82
|
+
@include adjust-leading-to(1);
|
83
|
+
}
|
84
|
+
}
|
85
|
+
|
86
|
+
@if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
|
87
|
+
/**
|
88
|
+
* Address `font-family` inconsistency between `textarea` and other form
|
89
|
+
* elements.
|
90
|
+
*/
|
91
|
+
|
92
|
+
button,
|
93
|
+
input,
|
94
|
+
select,
|
95
|
+
textarea {
|
96
|
+
font-family: $base-font-family;
|
97
|
+
}
|
98
|
+
}
|
99
|
+
|
100
|
+
/**
|
101
|
+
* Remove default margin.
|
102
|
+
*/
|
103
|
+
|
104
|
+
body {
|
105
|
+
margin: 0;
|
106
|
+
}
|
107
|
+
|
108
|
+
/* ==========================================================================
|
109
|
+
Links
|
110
|
+
========================================================================== */
|
111
|
+
|
112
|
+
/**
|
113
|
+
* Address `outline` inconsistency between Chrome and other browsers.
|
114
|
+
*/
|
115
|
+
|
116
|
+
a:focus {
|
117
|
+
outline: thin dotted;
|
118
|
+
}
|
119
|
+
|
120
|
+
/**
|
121
|
+
* Improve readability when focused and also mouse hovered in all browsers.
|
122
|
+
*/
|
123
|
+
|
124
|
+
a:active,
|
125
|
+
a:hover {
|
126
|
+
outline: 0;
|
127
|
+
}
|
128
|
+
|
129
|
+
/* ==========================================================================
|
130
|
+
Typography
|
131
|
+
========================================================================== */
|
132
|
+
|
133
|
+
@if not $strict-normalize or $legacy-support-for-ie6 or $legacy-support-for-ie7 {
|
134
|
+
/**
|
135
|
+
* Set 1 unit of vertical rhythm on the top and bottom margin.
|
136
|
+
*/
|
137
|
+
|
138
|
+
p,
|
139
|
+
pre {
|
140
|
+
margin: 0 0 rhythm(1);
|
141
|
+
}
|
142
|
+
|
143
|
+
blockquote {
|
144
|
+
/* Set 1 unit of vertical rhythm on the top and bottom margin. */
|
145
|
+
margin: rhythm(1) $indent-amount;
|
146
|
+
}
|
147
|
+
}
|
148
|
+
|
149
|
+
/**
|
150
|
+
* Address variable `h1` font-size and margin within `section` and `article`
|
151
|
+
* contexts in Firefox 4+, Safari 5, and Chrome.
|
152
|
+
*/
|
153
|
+
|
154
|
+
h1 {
|
155
|
+
/* Set the font-size and line-height while keeping a proper vertical rhythm. */
|
156
|
+
@if not $strict-normalize or $legacy-support-for-ie6 or $legacy-support-for-ie7 {
|
157
|
+
@include adjust-font-size-to( $h1-font-size );
|
158
|
+
}
|
159
|
+
@else {
|
160
|
+
font-size: 1em * ($h1-font-size / $base-font-size);
|
161
|
+
}
|
162
|
+
|
163
|
+
/* Set 1 unit of vertical rhythm on the top and bottom margins. */
|
164
|
+
@include leader(1, $h1-font-size);
|
165
|
+
@include trailer(1, $h1-font-size);
|
166
|
+
}
|
167
|
+
|
168
|
+
@if not $strict-normalize or $legacy-support-for-ie6 or $legacy-support-for-ie7 {
|
169
|
+
h2 {
|
170
|
+
@include adjust-font-size-to( $h2-font-size );
|
171
|
+
@include leader(1, $h2-font-size);
|
172
|
+
@include trailer(0, $h2-font-size);
|
173
|
+
}
|
174
|
+
|
175
|
+
h3 {
|
176
|
+
@include adjust-font-size-to( $h3-font-size );
|
177
|
+
@include leader(1, $h3-font-size);
|
178
|
+
@include trailer(0, $h3-font-size);
|
179
|
+
}
|
180
|
+
|
181
|
+
h4 {
|
182
|
+
@include adjust-font-size-to( $h4-font-size );
|
183
|
+
@include leader(1, $h4-font-size);
|
184
|
+
@include trailer(0, $h4-font-size);
|
185
|
+
}
|
186
|
+
|
187
|
+
h5 {
|
188
|
+
@include adjust-font-size-to( $h5-font-size );
|
189
|
+
@include leader(1, $h5-font-size);
|
190
|
+
@include trailer(0, $h5-font-size);
|
191
|
+
}
|
192
|
+
|
193
|
+
h6 {
|
194
|
+
@include adjust-font-size-to( $h6-font-size );
|
195
|
+
@include leader(1, $h6-font-size);
|
196
|
+
@include trailer(0, $h6-font-size);
|
197
|
+
}
|
198
|
+
}
|
199
|
+
|
200
|
+
/**
|
201
|
+
* Address styling not present in IE 8/9, Safari 5, and Chrome.
|
202
|
+
*/
|
203
|
+
|
204
|
+
abbr[title] {
|
205
|
+
border-bottom: 1px dotted;
|
206
|
+
}
|
207
|
+
|
208
|
+
/**
|
209
|
+
* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
|
210
|
+
*/
|
211
|
+
|
212
|
+
b,
|
213
|
+
strong {
|
214
|
+
font-weight: bold;
|
215
|
+
}
|
216
|
+
|
217
|
+
/**
|
218
|
+
* Address styling not present in Safari 5 and Chrome.
|
219
|
+
*/
|
220
|
+
|
221
|
+
dfn {
|
222
|
+
font-style: italic;
|
223
|
+
}
|
224
|
+
|
225
|
+
/**
|
226
|
+
* Address differences between Firefox and other browsers.
|
227
|
+
*/
|
228
|
+
|
229
|
+
hr {
|
230
|
+
@include box-sizing(content-box);
|
231
|
+
height: 0;
|
232
|
+
}
|
233
|
+
|
234
|
+
/**
|
235
|
+
* Address styling not present in IE 8/9.
|
236
|
+
*/
|
237
|
+
|
238
|
+
mark {
|
239
|
+
background: #ff0;
|
240
|
+
color: #000;
|
241
|
+
}
|
242
|
+
|
243
|
+
/**
|
244
|
+
* Correct font family set oddly in Safari 5 and Chrome.
|
245
|
+
*/
|
246
|
+
|
247
|
+
code,
|
248
|
+
kbd,
|
249
|
+
pre,
|
250
|
+
samp {
|
251
|
+
font-family: monospace, serif;
|
252
|
+
@if $legacy-support-for-ie6 {
|
253
|
+
_font-family: 'courier new', monospace;
|
254
|
+
}
|
255
|
+
@if $strict-normalize {
|
256
|
+
font-size: 1em;
|
257
|
+
}
|
258
|
+
@else {
|
259
|
+
@include adjust-font-size-to( $base-font-size );
|
260
|
+
}
|
261
|
+
}
|
262
|
+
|
263
|
+
/**
|
264
|
+
* Improve readability of pre-formatted text in all browsers.
|
265
|
+
*/
|
266
|
+
|
267
|
+
pre {
|
268
|
+
@if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
|
269
|
+
white-space: pre;
|
270
|
+
white-space: pre-wrap;
|
271
|
+
word-wrap: break-word;
|
272
|
+
}
|
273
|
+
@else {
|
274
|
+
white-space: pre-wrap;
|
275
|
+
}
|
276
|
+
}
|
277
|
+
|
278
|
+
/**
|
279
|
+
* Set consistent quote types.
|
280
|
+
*/
|
281
|
+
|
282
|
+
q {
|
283
|
+
quotes: "\201C" "\201D" "\2018" "\2019";
|
284
|
+
}
|
285
|
+
|
286
|
+
/**
|
287
|
+
* Address inconsistent and variable font size in all browsers.
|
288
|
+
*/
|
289
|
+
|
290
|
+
small {
|
291
|
+
font-size: 80%;
|
292
|
+
}
|
293
|
+
|
294
|
+
/**
|
295
|
+
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
|
296
|
+
*/
|
297
|
+
|
298
|
+
sub,
|
299
|
+
sup {
|
300
|
+
font-size: 75%;
|
301
|
+
line-height: 0;
|
302
|
+
position: relative;
|
303
|
+
vertical-align: baseline;
|
304
|
+
}
|
305
|
+
|
306
|
+
sup {
|
307
|
+
top: -0.5em;
|
308
|
+
}
|
309
|
+
|
310
|
+
sub {
|
311
|
+
bottom: -0.25em;
|
312
|
+
}
|
313
|
+
|
314
|
+
/* ==========================================================================
|
315
|
+
Lists
|
316
|
+
========================================================================== */
|
317
|
+
|
318
|
+
@if not $strict-normalize or $legacy-support-for-ie6 or $legacy-support-for-ie7 {
|
319
|
+
/**
|
320
|
+
* Address margins set differently in IE 6/7.
|
321
|
+
*/
|
322
|
+
|
323
|
+
dl,
|
324
|
+
menu,
|
325
|
+
ol,
|
326
|
+
ul {
|
327
|
+
margin: rhythm(1) 0;
|
328
|
+
}
|
329
|
+
|
330
|
+
@if not $strict-normalize {
|
331
|
+
ol,
|
332
|
+
ul {
|
333
|
+
ol,
|
334
|
+
ul {
|
335
|
+
margin: 0;
|
336
|
+
}
|
337
|
+
}
|
338
|
+
}
|
339
|
+
|
340
|
+
dd {
|
341
|
+
margin: 0 0 0 $indent-amount;
|
342
|
+
}
|
343
|
+
|
344
|
+
/**
|
345
|
+
* Address paddings set differently in IE 6/7.
|
346
|
+
*/
|
347
|
+
|
348
|
+
menu,
|
349
|
+
ol,
|
350
|
+
ul {
|
351
|
+
padding: 0 0 0 $indent-amount;
|
352
|
+
}
|
353
|
+
}
|
354
|
+
|
355
|
+
@if $legacy-support-for-ie7 {
|
356
|
+
/**
|
357
|
+
* Correct list images handled incorrectly in IE 7.
|
358
|
+
*/
|
359
|
+
|
360
|
+
nav ul,
|
361
|
+
nav ol {
|
362
|
+
list-style: none;
|
363
|
+
list-style-image: none;
|
364
|
+
}
|
365
|
+
}
|
366
|
+
|
367
|
+
/* ==========================================================================
|
368
|
+
Embedded content
|
369
|
+
========================================================================== */
|
370
|
+
|
371
|
+
/**
|
372
|
+
* Remove border when inside `a` element in IE 8/9.
|
373
|
+
*/
|
374
|
+
|
375
|
+
img {
|
376
|
+
border: 0;
|
377
|
+
@if $legacy-support-for-ie7 {
|
378
|
+
/* Improve image quality when scaled in IE 7. */
|
379
|
+
-ms-interpolation-mode: bicubic;
|
380
|
+
}
|
381
|
+
}
|
382
|
+
|
383
|
+
/**
|
384
|
+
* Correct overflow displayed oddly in IE 9.
|
385
|
+
*/
|
386
|
+
|
387
|
+
svg:not(:root) {
|
388
|
+
overflow: hidden;
|
389
|
+
}
|
390
|
+
|
391
|
+
/* ==========================================================================
|
392
|
+
Figures
|
393
|
+
========================================================================== */
|
394
|
+
|
395
|
+
/**
|
396
|
+
* Address margin not present in IE 8/9 and Safari 5.
|
397
|
+
*/
|
398
|
+
|
399
|
+
figure {
|
400
|
+
margin: 0;
|
401
|
+
}
|
402
|
+
|
403
|
+
/* ==========================================================================
|
404
|
+
Forms
|
405
|
+
========================================================================== */
|
406
|
+
|
407
|
+
@if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
|
408
|
+
/**
|
409
|
+
* Correct margin displayed oddly in IE 6/7.
|
410
|
+
*/
|
411
|
+
|
412
|
+
form {
|
413
|
+
margin: 0;
|
414
|
+
}
|
415
|
+
}
|
416
|
+
|
417
|
+
/**
|
418
|
+
* Define consistent border, margin, and padding.
|
419
|
+
*/
|
420
|
+
|
421
|
+
fieldset {
|
422
|
+
margin: 0 2px;
|
423
|
+
/* Apply borders and padding that keep the vertical rhythm. */
|
424
|
+
border-color: #c0c0c0;
|
425
|
+
@include apply-side-rhythm-border(top, $width: 1px, $lines: 0.35);
|
426
|
+
@include apply-side-rhythm-border(bottom, $width: 1px, $lines: 0.65);
|
427
|
+
@include apply-side-rhythm-border(left, $width: 1px, $lines: 0.625);
|
428
|
+
@include apply-side-rhythm-border(right, $width: 1px, $lines: 0.625);
|
429
|
+
}
|
430
|
+
|
431
|
+
/**
|
432
|
+
* 1. Correct `color` not being inherited in IE 8/9.
|
433
|
+
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
|
434
|
+
* 3. Correct alignment displayed oddly in IE 6/7.
|
435
|
+
*/
|
436
|
+
|
437
|
+
legend {
|
438
|
+
border: 0; /* 1 */
|
439
|
+
padding: 0; /* 2 */
|
440
|
+
@if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
|
441
|
+
*margin-left: -7px; /* 3 */
|
442
|
+
}
|
443
|
+
}
|
444
|
+
|
445
|
+
/**
|
446
|
+
* 1. Correct font family not being inherited in all browsers.
|
447
|
+
* 2. Correct font size not being inherited in all browsers.
|
448
|
+
* 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
|
449
|
+
* 4. Improve appearance and consistency with IE 6/7.
|
450
|
+
*/
|
451
|
+
|
452
|
+
button,
|
453
|
+
input,
|
454
|
+
select,
|
455
|
+
textarea {
|
456
|
+
font-family: inherit; /* 1 */
|
457
|
+
font-size: 100%; /* 2 */
|
458
|
+
margin: 0; /* 3 */
|
459
|
+
@if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
|
460
|
+
vertical-align: baseline; /* 4 */
|
461
|
+
*vertical-align: middle; /* 4 */
|
462
|
+
}
|
463
|
+
}
|
464
|
+
|
465
|
+
/**
|
466
|
+
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
|
467
|
+
* the UA stylesheet.
|
468
|
+
*/
|
469
|
+
|
470
|
+
button,
|
471
|
+
input {
|
472
|
+
line-height: normal;
|
473
|
+
}
|
474
|
+
|
475
|
+
/**
|
476
|
+
* Address inconsistent `text-transform` inheritance for `button` and `select`.
|
477
|
+
* All other form control elements do not inherit `text-transform` values.
|
478
|
+
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
|
479
|
+
* Correct `select` style inheritance in Firefox 4+ and Opera.
|
480
|
+
*/
|
481
|
+
|
482
|
+
button,
|
483
|
+
select {
|
484
|
+
text-transform: none;
|
485
|
+
}
|
486
|
+
|
487
|
+
/**
|
488
|
+
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
|
489
|
+
* and `video` controls.
|
490
|
+
* 2. Correct inability to style clickable `input` types in iOS.
|
491
|
+
* 3. Improve usability and consistency of cursor style between image-type
|
492
|
+
* `input` and others.
|
493
|
+
* 4. Remove inner spacing in IE 7 without affecting normal text inputs.
|
494
|
+
* Known issue: inner spacing remains in IE 6.
|
495
|
+
*/
|
496
|
+
|
497
|
+
button,
|
498
|
+
html input[type="button"], /* 1 */
|
499
|
+
input[type="reset"],
|
500
|
+
input[type="submit"] {
|
501
|
+
-webkit-appearance: button; /* 2 */
|
502
|
+
cursor: pointer; /* 3 */
|
503
|
+
@if $legacy-support-for-ie7 {
|
504
|
+
*overflow: visible; /* 4 */
|
505
|
+
}
|
506
|
+
}
|
507
|
+
|
508
|
+
/**
|
509
|
+
* Re-set default cursor for disabled elements.
|
510
|
+
*/
|
511
|
+
|
512
|
+
button[disabled],
|
513
|
+
html input[disabled] {
|
514
|
+
cursor: default;
|
515
|
+
}
|
516
|
+
|
517
|
+
/**
|
518
|
+
* 1. Address box sizing set to `content-box` in IE 8/9.
|
519
|
+
* 2. Remove excess padding in IE 8/9.
|
520
|
+
* 3. Remove excess padding in IE 7.
|
521
|
+
* Known issue: excess padding remains in IE 6.
|
522
|
+
*/
|
523
|
+
|
524
|
+
input[type="checkbox"],
|
525
|
+
input[type="radio"] {
|
526
|
+
@include box-sizing(border-box); /* 1 */
|
527
|
+
padding: 0; /* 2 */
|
528
|
+
@if $legacy-support-for-ie7 {
|
529
|
+
*height: 13px; /* 3 */
|
530
|
+
*width: 13px; /* 3 */
|
531
|
+
}
|
532
|
+
}
|
533
|
+
|
534
|
+
/**
|
535
|
+
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
|
536
|
+
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
|
537
|
+
* (include `-moz` to future-proof).
|
538
|
+
*/
|
539
|
+
|
540
|
+
input[type="search"] {
|
541
|
+
-webkit-appearance: textfield; /* 1 */
|
542
|
+
@include box-sizing(content-box); /* 2 */
|
543
|
+
}
|
544
|
+
|
545
|
+
/**
|
546
|
+
* Remove inner padding and search cancel button in Safari 5 and Chrome
|
547
|
+
* on OS X.
|
548
|
+
*/
|
549
|
+
|
550
|
+
input[type="search"]::-webkit-search-cancel-button,
|
551
|
+
input[type="search"]::-webkit-search-decoration {
|
552
|
+
-webkit-appearance: none;
|
553
|
+
}
|
554
|
+
|
555
|
+
/**
|
556
|
+
* Remove inner padding and border in Firefox 4+.
|
557
|
+
*/
|
558
|
+
|
559
|
+
button::-moz-focus-inner,
|
560
|
+
input::-moz-focus-inner {
|
561
|
+
border: 0;
|
562
|
+
padding: 0;
|
563
|
+
}
|
564
|
+
|
565
|
+
/**
|
566
|
+
* 1. Remove default vertical scrollbar in IE 8/9.
|
567
|
+
* 2. Improve readability and alignment in all browsers.
|
568
|
+
*/
|
569
|
+
|
570
|
+
textarea {
|
571
|
+
overflow: auto; /* 1 */
|
572
|
+
vertical-align: top; /* 2 */
|
573
|
+
}
|
574
|
+
|
575
|
+
/* ==========================================================================
|
576
|
+
Tables
|
577
|
+
========================================================================== */
|
578
|
+
|
579
|
+
/**
|
580
|
+
* Remove most spacing between table cells.
|
581
|
+
*/
|
582
|
+
|
583
|
+
table {
|
584
|
+
border-collapse: collapse;
|
585
|
+
border-spacing: 0;
|
586
|
+
}
|