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.
@@ -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
+ }