si_core_styles 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -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
+ }