~stephen-stewart/ulysses/move-box-sizing-to-base

« back to all changes in this revision

Viewing changes to public/base.css

  • Committer: Tarmac
  • Author(s): Stephen Stewart
  • Date: 2014-09-25 09:26:43 UTC
  • mfrom: (43.1.14 gulpify-and-update)
  • Revision ID: tarmac-20140925092643-jzluuaboybxm4q73
[r=james-w] update to version 1.0.0

* update grids to pure 0.5
* default to border-box
* default to minified css
* switch to gulp
* remove bower dep
* svg symbols

Show diffs side-by-side

added added

removed removed

Lines of Context:
1
 
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
2
 
 
3
 
/* ==========================================================================
4
 
   HTML5 display definitions
5
 
   ========================================================================== */
6
 
 
7
 
/**
8
 
 * Correct `block` display not defined in IE 8/9.
9
 
 */
10
 
 
11
 
article,
12
 
aside,
13
 
details,
14
 
figcaption,
15
 
figure,
16
 
footer,
17
 
header,
18
 
hgroup,
19
 
main,
20
 
nav,
21
 
section,
22
 
summary {
23
 
    display: block;
24
 
}
25
 
 
26
 
/**
27
 
 * Correct `inline-block` display not defined in IE 8/9.
28
 
 */
29
 
 
30
 
audio,
31
 
canvas,
32
 
video {
33
 
    display: inline-block;
34
 
}
35
 
 
36
 
/**
37
 
 * Prevent modern browsers from displaying `audio` without controls.
38
 
 * Remove excess height in iOS 5 devices.
39
 
 */
40
 
 
41
 
audio:not([controls]) {
42
 
    display: none;
43
 
    height: 0;
44
 
}
45
 
 
46
 
/**
47
 
 * Address `[hidden]` styling not present in IE 8/9.
48
 
 * Hide the `template` element in IE, Safari, and Firefox < 22.
49
 
 */
50
 
 
51
 
[hidden],
52
 
template {
53
 
    display: none;
54
 
}
55
 
 
56
 
/* ==========================================================================
57
 
   Base
58
 
   ========================================================================== */
59
 
 
60
 
/**
61
 
 * 1. Set default font family to sans-serif.
62
 
 * 2. Prevent iOS text size adjust after orientation change, without disabling
63
 
 *    user zoom.
64
 
 */
65
 
 
66
 
html {
67
 
    font-family: sans-serif; /* 1 */
68
 
    -ms-text-size-adjust: 100%; /* 2 */
69
 
    -webkit-text-size-adjust: 100%; /* 2 */
70
 
}
71
 
 
72
 
/**
73
 
 * Remove default margin.
74
 
 */
75
 
 
76
 
body {
77
 
    margin: 0;
78
 
}
79
 
 
80
 
/* ==========================================================================
81
 
   Links
82
 
   ========================================================================== */
83
 
 
84
 
/**
85
 
 * Remove the gray background color from active links in IE 10.
86
 
 */
87
 
 
88
 
a {
89
 
    background: transparent;
90
 
}
91
 
 
92
 
/**
93
 
 * Address `outline` inconsistency between Chrome and other browsers.
94
 
 */
95
 
 
96
 
a:focus {
97
 
    outline: thin dotted;
98
 
}
99
 
 
100
 
/**
101
 
 * Improve readability when focused and also mouse hovered in all browsers.
102
 
 */
103
 
 
104
 
a:active,
105
 
a:hover {
106
 
    outline: 0;
107
 
}
108
 
 
109
 
/* ==========================================================================
110
 
   Typography
111
 
   ========================================================================== */
112
 
 
113
 
/**
114
 
 * Address variable `h1` font-size and margin within `section` and `article`
115
 
 * contexts in Firefox 4+, Safari 5, and Chrome.
116
 
 */
117
 
 
118
 
h1 {
119
 
    font-size: 2em;
120
 
    margin: 0.67em 0;
121
 
}
122
 
 
123
 
/**
124
 
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
125
 
 */
126
 
 
127
 
abbr[title] {
128
 
    border-bottom: 1px dotted;
129
 
}
130
 
 
131
 
/**
132
 
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
133
 
 */
134
 
 
135
 
b,
136
 
strong {
137
 
    font-weight: bold;
138
 
}
139
 
 
140
 
/**
141
 
 * Address styling not present in Safari 5 and Chrome.
142
 
 */
143
 
 
144
 
dfn {
145
 
    font-style: italic;
146
 
}
147
 
 
148
 
/**
149
 
 * Address differences between Firefox and other browsers.
150
 
 */
151
 
 
152
 
hr {
153
 
    -moz-box-sizing: content-box;
154
 
    box-sizing: content-box;
155
 
    height: 0;
156
 
}
157
 
 
158
 
/**
159
 
 * Address styling not present in IE 8/9.
160
 
 */
161
 
 
162
 
mark {
163
 
    background: #ff0;
164
 
    color: #000;
165
 
}
166
 
 
167
 
/**
168
 
 * Correct font family set oddly in Safari 5 and Chrome.
169
 
 */
170
 
 
171
 
code,
172
 
kbd,
173
 
pre,
174
 
samp {
175
 
    font-family: monospace, serif;
176
 
    font-size: 1em;
177
 
}
178
 
 
179
 
/**
180
 
 * Improve readability of pre-formatted text in all browsers.
181
 
 */
182
 
 
183
 
pre {
184
 
    white-space: pre-wrap;
185
 
}
186
 
 
187
 
/**
188
 
 * Set consistent quote types.
189
 
 */
190
 
 
191
 
q {
192
 
    quotes: "\201C" "\201D" "\2018" "\2019";
193
 
}
194
 
 
195
 
/**
196
 
 * Address inconsistent and variable font size in all browsers.
197
 
 */
198
 
 
199
 
small {
200
 
    font-size: 80%;
201
 
}
202
 
 
203
 
/**
204
 
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
205
 
 */
206
 
 
207
 
sub,
208
 
sup {
209
 
    font-size: 75%;
210
 
    line-height: 0;
211
 
    position: relative;
212
 
    vertical-align: baseline;
213
 
}
214
 
 
215
 
sup {
216
 
    top: -0.5em;
217
 
}
218
 
 
219
 
sub {
220
 
    bottom: -0.25em;
221
 
}
222
 
 
223
 
/* ==========================================================================
224
 
   Embedded content
225
 
   ========================================================================== */
226
 
 
227
 
/**
228
 
 * Remove border when inside `a` element in IE 8/9.
229
 
 */
230
 
 
231
 
img {
232
 
    border: 0;
233
 
}
234
 
 
235
 
/**
236
 
 * Correct overflow displayed oddly in IE 9.
237
 
 */
238
 
 
239
 
svg:not(:root) {
240
 
    overflow: hidden;
241
 
}
242
 
 
243
 
/* ==========================================================================
244
 
   Figures
245
 
   ========================================================================== */
246
 
 
247
 
/**
248
 
 * Address margin not present in IE 8/9 and Safari 5.
249
 
 */
250
 
 
251
 
figure {
252
 
    margin: 0;
253
 
}
254
 
 
255
 
/* ==========================================================================
256
 
   Forms
257
 
   ========================================================================== */
258
 
 
259
 
/**
260
 
 * Define consistent border, margin, and padding.
261
 
 */
262
 
 
263
 
fieldset {
264
 
    border: 1px solid #c0c0c0;
265
 
    margin: 0 2px;
266
 
    padding: 0.35em 0.625em 0.75em;
267
 
}
268
 
 
269
 
/**
270
 
 * 1. Correct `color` not being inherited in IE 8/9.
271
 
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
272
 
 */
273
 
 
274
 
legend {
275
 
    border: 0; /* 1 */
276
 
    padding: 0; /* 2 */
277
 
}
278
 
 
279
 
/**
280
 
 * 1. Correct font family not being inherited in all browsers.
281
 
 * 2. Correct font size not being inherited in all browsers.
282
 
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
283
 
 */
284
 
 
285
 
button,
286
 
input,
287
 
select,
288
 
textarea {
289
 
    font-family: inherit; /* 1 */
290
 
    font-size: 100%; /* 2 */
291
 
    margin: 0; /* 3 */
292
 
}
293
 
 
294
 
/**
295
 
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
296
 
 * the UA stylesheet.
297
 
 */
298
 
 
299
 
button,
300
 
input {
301
 
    line-height: normal;
302
 
}
303
 
 
304
 
/**
305
 
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
306
 
 * All other form control elements do not inherit `text-transform` values.
307
 
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
308
 
 * Correct `select` style inheritance in Firefox 4+ and Opera.
309
 
 */
310
 
 
311
 
button,
312
 
select {
313
 
    text-transform: none;
314
 
}
315
 
 
316
 
/**
317
 
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
318
 
 *    and `video` controls.
319
 
 * 2. Correct inability to style clickable `input` types in iOS.
320
 
 * 3. Improve usability and consistency of cursor style between image-type
321
 
 *    `input` and others.
322
 
 */
323
 
 
324
 
button,
325
 
html input[type="button"], /* 1 */
326
 
input[type="reset"],
327
 
input[type="submit"] {
328
 
    -webkit-appearance: button; /* 2 */
329
 
    cursor: pointer; /* 3 */
330
 
}
331
 
 
332
 
/**
333
 
 * Re-set default cursor for disabled elements.
334
 
 */
335
 
 
336
 
button[disabled],
337
 
html input[disabled] {
338
 
    cursor: default;
339
 
}
340
 
 
341
 
/**
342
 
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
343
 
 * 2. Remove excess padding in IE 8/9/10.
344
 
 */
345
 
 
346
 
input[type="checkbox"],
347
 
input[type="radio"] {
348
 
    box-sizing: border-box; /* 1 */
349
 
    padding: 0; /* 2 */
350
 
}
351
 
 
352
 
/**
353
 
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
354
 
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
355
 
 *    (include `-moz` to future-proof).
356
 
 */
357
 
 
358
 
input[type="search"] {
359
 
    -webkit-appearance: textfield; /* 1 */
360
 
    -moz-box-sizing: content-box;
361
 
    -webkit-box-sizing: content-box; /* 2 */
362
 
    box-sizing: content-box;
363
 
}
364
 
 
365
 
/**
366
 
 * Remove inner padding and search cancel button in Safari 5 and Chrome
367
 
 * on OS X.
368
 
 */
369
 
 
370
 
input[type="search"]::-webkit-search-cancel-button,
371
 
input[type="search"]::-webkit-search-decoration {
372
 
    -webkit-appearance: none;
373
 
}
374
 
 
375
 
/**
376
 
 * Remove inner padding and border in Firefox 4+.
377
 
 */
378
 
 
379
 
button::-moz-focus-inner,
380
 
input::-moz-focus-inner {
381
 
    border: 0;
382
 
    padding: 0;
383
 
}
384
 
 
385
 
/**
386
 
 * 1. Remove default vertical scrollbar in IE 8/9.
387
 
 * 2. Improve readability and alignment in all browsers.
388
 
 */
389
 
 
390
 
textarea {
391
 
    overflow: auto; /* 1 */
392
 
    vertical-align: top; /* 2 */
393
 
}
394
 
 
395
 
/* ==========================================================================
396
 
   Tables
397
 
   ========================================================================== */
398
 
 
399
 
/**
400
 
 * Remove most spacing between table cells.
401
 
 */
402
 
 
403
 
table {
404
 
    border-collapse: collapse;
405
 
    border-spacing: 0;
406
 
}
407
 
 
408
 
/** anything you want to add to normalize.css or base css like stuff */
 
 
b'\\ No newline at end of file'