« back to all changes in this revision
Viewing changes to sass/_normalize.scss
- browse files at revision 2
- compare with another revision
- download diff
- download tarball
- view history from revision 2
- Committer: YoBoY
- Date: 2014-01-28 18:32:50 UTC
- Revision ID: yoboy.leguesh@gmail.com-20140128183250-r2qo6x5lghgcbyau
Rédaction des bases de travail dans le README
Définition des éléments de compilation dans le config.rb
Ajout des premiers fichiers SASS
Définition du style global dans ubuntu-fr.scss qui va agréger tous les fichiers
Import du fichier _normalize.scss et du fichier de test normalize.html
Définition des premiers paramètres dans _init.scss
Définition des éléments HTML de base dans _normalize-ubuntu.scss basés sur le thème officiel
Création des autres fichiers scss définit dans le fichier principal
Définition des éléments de compilation dans le config.rb
Ajout des premiers fichiers SASS
Définition du style global dans ubuntu-fr.scss qui va agréger tous les fichiers
Import du fichier _normalize.scss et du fichier de test normalize.html
Définition des premiers paramètres dans _init.scss
Définition des éléments HTML de base dans _normalize-ubuntu.scss basés sur le thème officiel
Création des autres fichiers scss définit dans le fichier principal
- files added:
- .bzrignore
- sass/components
- sass/layouts
- files modified:
- README.TXT
added
removed
sass/_normalize.scss
1
/* normalize.css v2.1.3 | MIT License | git.io/normalize */
2
/* normalize.scss v2.1.3 | MIT/GPLv2 License | bit.ly/normalize-with-compass */
3
4
5
// =============================================================================
6
// Variables and Imports
7
8
/* Ces éléments sont définis dans le fichier _init.scss
9
//
10
// If you have a base partial (or equivalent), you should move these lines to
11
// that file. NOTE: Edit the lines to remove "!default".
12
// @see http://compass-style.org/help/tutorials/best_practices/
13
// =============================================================================
14
15
// These 2 variables are copies of ones used in Compass' Vertical Rhythm module.
16
17
// The base font size.
18
$base-font-size: 16px !default;
19
20
// The base line height determines the basic unit of vertical rhythm.
21
$base-line-height: 24px !default;
22
23
// These 2 variables are copies of ones used in Compass' support module.
24
25
// Set this to true to add support for IE 6.
26
$legacy-support-for-ie6: false !default;
27
28
// Set this to true to add support for IE 7.
29
$legacy-support-for-ie7: false !default;
30
31
32
// Set this to true to force CSS output to exactly match normalize.css.
33
$strict-normalize: true !default;
34
35
// The default font family.
36
$base-font-family: sans-serif !default;
37
38
// The font sizes for h1-h6.
39
$h1-font-size: 2 * $base-font-size !default;
40
$h2-font-size: 1.5 * $base-font-size !default;
41
$h3-font-size: 1.17 * $base-font-size !default;
42
$h4-font-size: 1 * $base-font-size !default;
43
$h5-font-size: 0.83 * $base-font-size !default;
44
$h6-font-size: 0.67 * $base-font-size !default;
45
46
// The amount lists and blockquotes are indented.
47
$indent-amount: 40px !default;
48
49
// After the default variables are set, import the required Compass partials.
50
@import "compass/support";
51
@import "compass/css3/box-sizing";
52
@import "compass/typography/vertical_rhythm";
53
54
*/
55
56
/* ==========================================================================
57
HTML5 display definitions
58
========================================================================== */
59
60
/**
61
* Correct `block` display not defined in IE 8/9.
62
*/
63
64
article,
65
aside,
66
details,
67
figcaption,
68
figure,
69
footer,
70
header,
71
hgroup,
72
main,
73
nav,
74
section,
75
summary {
76
display: block;
77
}
78
79
/**
80
* Correct `inline-block` display not defined in IE 8/9.
81
*/
82
83
audio,
84
canvas,
85
video {
86
display: inline-block;
87
@if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
88
*display: inline;
89
*zoom: 1;
90
}
91
}
92
93
/**
94
* Prevent modern browsers from displaying `audio` without controls.
95
* Remove excess height in iOS 5 devices.
96
*/
97
98
audio:not([controls]) {
99
display: none;
100
height: 0;
101
}
102
103
/**
104
* Address `[hidden]` styling not present in IE 8/9.
105
* Hide the `template` element in IE, Safari, and Firefox < 22.
106
*/
107
108
[hidden],
109
template {
110
display: none;
111
}
112
113
/* ==========================================================================
114
Base
115
========================================================================== */
116
117
/**
118
* 1. Set default font family to sans-serif.
119
* 2. Prevent iOS text size adjust after orientation change, without disabling
120
* user zoom.
121
* 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
122
* `em` units.
123
*/
124
125
html {
126
font-family: $base-font-family; /* 1 */
127
@if not $strict-normalize or $legacy-support-for-ie6 or $legacy-support-for-ie7 {
128
font-size: 100% * ($base-font-size / 16px); /* 3 */
129
}
130
-ms-text-size-adjust: 100%; /* 2 */
131
-webkit-text-size-adjust: 100%; /* 2 */
132
133
@if not $strict-normalize {
134
/* Establish a vertical rhythm unit using $base-line-height. */
135
@include adjust-leading-to(1);
136
}
137
}
138
139
@if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
140
/**
141
* Address `font-family` inconsistency between `textarea` and other form
142
* elements.
143
*/
144
145
button,
146
input,
147
select,
148
textarea {
149
font-family: $base-font-family;
150
}
151
}
152
153
/**
154
* Remove default margin.
155
*/
156
157
body {
158
margin: 0;
159
}
160
161
/* ==========================================================================
162
Links
163
========================================================================== */
164
165
/**
166
* Remove the gray background color from active links in IE 10.
167
*/
168
169
a {
170
background: transparent;
171
}
172
173
/**
174
* Address `outline` inconsistency between Chrome and other browsers.
175
*/
176
177
a:focus {
178
outline: thin dotted;
179
}
180
181
/**
182
* Improve readability when focused and also mouse hovered in all browsers.
183
*/
184
185
a:active,
186
a:hover {
187
outline: 0;
188
}
189
190
/* ==========================================================================
191
Typography
192
========================================================================== */
193
194
@if not $strict-normalize or $legacy-support-for-ie6 or $legacy-support-for-ie7 {
195
/**
196
* Set 1 unit of vertical rhythm on the top and bottom margin.
197
*/
198
199
p,
200
pre {
201
margin: rhythm(1) 0;
202
}
203
204
blockquote {
205
/* Set 1 unit of vertical rhythm on the top and bottom margin. */
206
margin: rhythm(1) $indent-amount;
207
}
208
}
209
210
/**
211
* Address variable `h1` font-size and margin within `section` and `article`
212
* contexts in Firefox 4+, Safari 5, and Chrome.
213
*/
214
215
h1 {
216
/* Set the font-size and line-height while keeping a proper vertical rhythm. */
217
@if not $strict-normalize or $legacy-support-for-ie6 or $legacy-support-for-ie7 {
218
@include adjust-font-size-to( $h1-font-size );
219
}
220
@else {
221
font-size: 1em * ($h1-font-size / $base-font-size);
222
}
223
224
/* Set 1 unit of vertical rhythm on the top and bottom margins. */
225
@include leader(1, $h1-font-size);
226
@include trailer(1, $h1-font-size);
227
}
228
229
@if not $strict-normalize or $legacy-support-for-ie6 or $legacy-support-for-ie7 {
230
h2 {
231
@include adjust-font-size-to( $h2-font-size );
232
@include leader(1, $h2-font-size);
233
@include trailer(1, $h2-font-size);
234
}
235
236
h3 {
237
@include adjust-font-size-to( $h3-font-size );
238
@include leader(1, $h3-font-size);
239
@include trailer(1, $h3-font-size);
240
}
241
242
h4 {
243
@include adjust-font-size-to( $h4-font-size );
244
@include leader(1, $h4-font-size);
245
@include trailer(1, $h4-font-size);
246
}
247
248
h5 {
249
@include adjust-font-size-to( $h5-font-size );
250
@include leader(1, $h5-font-size);
251
@include trailer(1, $h5-font-size);
252
}
253
254
h6 {
255
@include adjust-font-size-to( $h6-font-size );
256
@include leader(1, $h6-font-size);
257
@include trailer(1, $h6-font-size);
258
}
259
}
260
261
/**
262
* Address styling not present in IE 8/9, Safari 5, and Chrome.
263
*/
264
265
abbr[title] {
266
border-bottom: 1px dotted;
267
}
268
269
/**
270
* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
271
*/
272
273
b,
274
strong {
275
font-weight: bold;
276
}
277
278
/**
279
* Address styling not present in Safari 5 and Chrome.
280
*/
281
282
dfn {
283
font-style: italic;
284
}
285
286
/**
287
* Address differences between Firefox and other browsers.
288
*/
289
290
hr {
291
@include box-sizing(content-box);
292
height: 0;
293
}
294
295
/**
296
* Address styling not present in IE 8/9.
297
*/
298
299
mark {
300
background: #ff0;
301
color: #000;
302
}
303
304
/**
305
* Correct font family set oddly in Safari 5 and Chrome.
306
*/
307
308
code,
309
kbd,
310
pre,
311
samp {
312
font-family: monospace, serif;
313
@if $legacy-support-for-ie6 {
314
_font-family: 'courier new', monospace;
315
}
316
font-size: 1em;
317
}
318
319
/**
320
* Improve readability of pre-formatted text in all browsers.
321
*/
322
323
pre {
324
@if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
325
white-space: pre;
326
white-space: pre-wrap;
327
word-wrap: break-word;
328
}
329
@else {
330
white-space: pre-wrap;
331
}
332
}
333
334
/**
335
* Set consistent quote types.
336
*/
337
338
q {
339
quotes: "\201C" "\201D" "\2018" "\2019";
340
}
341
342
/**
343
* Address inconsistent and variable font size in all browsers.
344
*/
345
346
small {
347
font-size: 80%;
348
}
349
350
/**
351
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
352
*/
353
354
sub,
355
sup {
356
font-size: 75%;
357
line-height: 0;
358
position: relative;
359
vertical-align: baseline;
360
}
361
362
sup {
363
top: -0.5em;
364
}
365
366
sub {
367
bottom: -0.25em;
368
}
369
370
/* ==========================================================================
371
Lists
372
========================================================================== */
373
374
@if not $strict-normalize or $legacy-support-for-ie6 or $legacy-support-for-ie7 {
375
/**
376
* Address margins set differently in IE 6/7.
377
*/
378
379
dl,
380
menu,
381
ol,
382
ul {
383
margin: rhythm(1) 0;
384
}
385
386
@if not $strict-normalize {
387
ol,
388
ul {
389
ol,
390
ul {
391
margin: 0;
392
}
393
}
394
}
395
396
dd {
397
margin: 0 0 0 $indent-amount;
398
}
399
400
/**
401
* Address paddings set differently in IE 6/7.
402
*/
403
404
menu,
405
ol,
406
ul {
407
padding: 0 0 0 $indent-amount;
408
}
409
}
410
411
@if $legacy-support-for-ie7 {
412
/**
413
* Correct list images handled incorrectly in IE 7.
414
*/
415
416
nav ul,
417
nav ol {
418
list-style: none;
419
list-style-image: none;
420
}
421
}
422
423
/* ==========================================================================
424
Embedded content
425
========================================================================== */
426
427
/**
428
* Remove border when inside `a` element in IE 8/9.
429
*/
430
431
img {
432
border: 0;
433
@if $legacy-support-for-ie7 {
434
/* Improve image quality when scaled in IE 7. */
435
-ms-interpolation-mode: bicubic;
436
}
437
}
438
439
/**
440
* Correct overflow displayed oddly in IE 9.
441
*/
442
443
svg:not(:root) {
444
overflow: hidden;
445
}
446
447
/* ==========================================================================
448
Figures
449
========================================================================== */
450
451
/**
452
* Address margin not present in IE 8/9 and Safari 5.
453
*/
454
455
figure {
456
margin: 0;
457
}
458
459
/* ==========================================================================
460
Forms
461
========================================================================== */
462
463
@if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
464
/**
465
* Correct margin displayed oddly in IE 6/7.
466
*/
467
468
form {
469
margin: 0;
470
}
471
}
472
473
/**
474
* Define consistent border, margin, and padding.
475
*/
476
477
fieldset {
478
margin: 0 2px;
479
/* Apply borders and padding that keep the vertical rhythm. */
480
border-color: #c0c0c0;
481
@include apply-side-rhythm-border(top, $width: 1px, $lines: 0.35);
482
@include apply-side-rhythm-border(bottom, $width: 1px, $lines: 0.65);
483
@include apply-side-rhythm-border(left, $width: 1px, $lines: 0.625);
484
@include apply-side-rhythm-border(right, $width: 1px, $lines: 0.625);
485
}
486
487
/**
488
* 1. Correct `color` not being inherited in IE 8/9.
489
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
490
* 3. Correct alignment displayed oddly in IE 6/7.
491
*/
492
493
legend {
494
border: 0; /* 1 */
495
padding: 0; /* 2 */
496
@if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
497
*margin-left: -7px; /* 3 */
498
}
499
}
500
501
/**
502
* 1. Correct font family not being inherited in all browsers.
503
* 2. Correct font size not being inherited in all browsers.
504
* 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
505
* 4. Improve appearance and consistency with IE 6/7.
506
*/
507
508
button,
509
input,
510
select,
511
textarea {
512
font-family: inherit; /* 1 */
513
font-size: 100%; /* 2 */
514
margin: 0; /* 3 */
515
@if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
516
vertical-align: baseline; /* 4 */
517
*vertical-align: middle; /* 4 */
518
}
519
}
520
521
/**
522
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
523
* the UA stylesheet.
524
*/
525
526
button,
527
input {
528
line-height: normal;
529
}
530
531
/**
532
* Address inconsistent `text-transform` inheritance for `button` and `select`.
533
* All other form control elements do not inherit `text-transform` values.
534
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
535
* Correct `select` style inheritance in Firefox 4+ and Opera.
536
*/
537
538
button,
539
select {
540
text-transform: none;
541
}
542
543
/**
544
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
545
* and `video` controls.
546
* 2. Correct inability to style clickable `input` types in iOS.
547
* 3. Improve usability and consistency of cursor style between image-type
548
* `input` and others.
549
* 4. Remove inner spacing in IE 7 without affecting normal text inputs.
550
* Known issue: inner spacing remains in IE 6.
551
*/
552
553
button,
554
html input[type="button"], /* 1 */
555
input[type="reset"],
556
input[type="submit"] {
557
-webkit-appearance: button; /* 2 */
558
cursor: pointer; /* 3 */
559
@if $legacy-support-for-ie7 {
560
*overflow: visible; /* 4 */
561
}
562
}
563
564
/**
565
* Re-set default cursor for disabled elements.
566
*/
567
568
button[disabled],
569
html input[disabled] {
570
cursor: default;
571
}
572
573
/**
574
* 1. Address box sizing set to `content-box` in IE 8/9/10.
575
* 2. Remove excess padding in IE 8/9/10.
576
* 3. Remove excess padding in IE 7.
577
* Known issue: excess padding remains in IE 6.
578
*/
579
580
input[type="checkbox"],
581
input[type="radio"] {
582
@include box-sizing(border-box); /* 1 */
583
padding: 0; /* 2 */
584
@if $legacy-support-for-ie7 {
585
*height: 13px; /* 3 */
586
*width: 13px; /* 3 */
587
}
588
}
589
590
/**
591
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
592
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
593
* (include `-moz` to future-proof).
594
*/
595
596
input[type="search"] {
597
-webkit-appearance: textfield; /* 1 */
598
@include box-sizing(content-box); /* 2 */
599
}
600
601
/**
602
* Remove inner padding and search cancel button in Safari 5 and Chrome
603
* on OS X.
604
*/
605
606
input[type="search"]::-webkit-search-cancel-button,
607
input[type="search"]::-webkit-search-decoration {
608
-webkit-appearance: none;
609
}
610
611
/**
612
* Remove inner padding and border in Firefox 4+.
613
*/
614
615
button::-moz-focus-inner,
616
input::-moz-focus-inner {
617
border: 0;
618
padding: 0;
619
}
620
621
/**
622
* 1. Remove default vertical scrollbar in IE 8/9.
623
* 2. Improve readability and alignment in all browsers.
624
*/
625
626
textarea {
627
overflow: auto; /* 1 */
628
vertical-align: top; /* 2 */
629
}
630
631
/* ==========================================================================
632
Tables
633
========================================================================== */
634
635
/**
636
* Remove most spacing between table cells.
637
*/
638
639
table {
640
border-collapse: collapse;
641
border-spacing: 0;
642
}
643
Loggerhead is a web-based interface for Breezy
Version: 2.0.1