1
  2/**
  3 * Resets
  4 * --------------------------------------------------
  5 * Adapted from normalize.css and some reset.css. We don't care even one
  6 * bit about old IE, so we don't need any hacks for that in here.
  7 *
  8 * There are probably other things we could remove here, as well.
  9 *
 10 * normalize.css v2.1.2 | MIT License | git.io/normalize
 11
 12 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 13 * http://cssreset.com
 14 */
 15
 16html, body, div, span, applet, object, iframe,
 17h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 18a, abbr, acronym, address, big, cite, code,
 19del, dfn, em, img, ins, kbd, q, s, samp,
 20small, strike, strong, sub, sup, tt, var,
 21b, i, u, center,
 22dl, dt, dd, ol, ul, li,
 23fieldset, form, label, legend,
 24table, caption, tbody, tfoot, thead, tr, th, td,
 25article, aside, canvas, details, embed, fieldset,
 26figure, figcaption, footer, header, hgroup,
 27menu, nav, output, ruby, section, summary,
 28time, mark, audio, video {
 29  margin: 0;
 30  padding: 0;
 31  border: 0;
 32  vertical-align: baseline;
 33  font: inherit;
 34  font-size: 100%;
 35}
 36
 37ol, ul {
 38  list-style: none;
 39}
 40blockquote, q {
 41  quotes: none;
 42}
 43blockquote:before, blockquote:after,
 44q:before, q:after {
 45  content: '';
 46  content: none;
 47}
 48
 49/**
 50 * Prevent modern browsers from displaying `audio` without controls.
 51 * Remove excess height in iOS 5 devices.
 52 */
 53
 54audio:not([controls]) {
 55  display: none;
 56  height: 0;
 57}
 58
 59/**
 60 * Hide the `template` element in IE, Safari, and Firefox < 22.
 61 */
 62
 63[hidden],
 64template {
 65  display: none;
 66}
 67
 68script {
 69  display: none !important;
 70}
 71
 72/* ==========================================================================
 73   Base
 74   ========================================================================== */
 75
 76/**
 77 * 1. Set default font family to sans-serif.
 78 * 2. Prevent iOS text size adjust after orientation change, without disabling
 79 *  user zoom.
 80 */
 81
 82html {
 83  @include user-select(none);
 84  font-family: sans-serif; /* 1 */
 85  -webkit-text-size-adjust: 100%;
 86  -ms-text-size-adjust: 100%; /* 2 */
 87  -webkit-text-size-adjust: 100%; /* 2 */
 88}
 89
 90/**
 91 * Remove default margin.
 92 */
 93
 94body {
 95  margin: 0;
 96  line-height: 1;
 97}
 98
 99
100/**
101 * Remove default outlines.
102 */
103a,
104button,
105:focus,
106a:focus,
107button:focus,
108a:active,
109a:hover {
110  outline: 0;
111}
112
113/* *
114 * Remove tap highlight color
115 */
116
117a {
118  -webkit-user-drag: none;
119  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
120  -webkit-tap-highlight-color: transparent;
121
122  &[href]:hover {
123    cursor: pointer;
124  }
125}
126
127/* ==========================================================================
128   Typography
129   ========================================================================== */
130
131
132/**
133 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
134 */
135
136b,
137strong {
138  font-weight: bold;
139}
140
141/**
142 * Address styling not present in Safari 5 and Chrome.
143 */
144
145dfn {
146  font-style: italic;
147}
148
149/**
150 * Address differences between Firefox and other browsers.
151 */
152
153hr {
154  -moz-box-sizing: content-box;
155  box-sizing: content-box;
156  height: 0;
157}
158
159
160/**
161 * Correct font family set oddly in Safari 5 and Chrome.
162 */
163
164code,
165kbd,
166pre,
167samp {
168  font-size: 1em;
169  font-family: monospace, serif;
170}
171
172/**
173 * Improve readability of pre-formatted text in all browsers.
174 */
175
176pre {
177  white-space: pre-wrap;
178}
179
180/**
181 * Set consistent quote types.
182 */
183
184q {
185  quotes: "\201C" "\201D" "\2018" "\2019";
186}
187
188/**
189 * Address inconsistent and variable font size in all browsers.
190 */
191
192small {
193  font-size: 80%;
194}
195
196/**
197 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
198 */
199
200sub,
201sup {
202  position: relative;
203  vertical-align: baseline;
204  font-size: 75%;
205  line-height: 0;
206}
207
208sup {
209  top: -0.5em;
210}
211
212sub {
213  bottom: -0.25em;
214}
215
216/**
217 * Define consistent border, margin, and padding.
218 */
219
220fieldset {
221  margin: 0 2px;
222  padding: 0.35em 0.625em 0.75em;
223  border: 1px solid #c0c0c0;
224}
225
226/**
227 * 1. Correct `color` not being inherited in IE 8/9.
228 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
229 */
230
231legend {
232  padding: 0; /* 2 */
233  border: 0; /* 1 */
234}
235
236/**
237 * 1. Correct font family not being inherited in all browsers.
238 * 2. Correct font size not being inherited in all browsers.
239 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
240 * 4. Remove any default :focus styles
241 * 5. Make sure webkit font smoothing is being inherited
242 * 6. Remove default gradient in Android Firefox / FirefoxOS
243 */
244
245button,
246input,
247select,
248textarea {
249  margin: 0; /* 3 */
250  font-size: 100%; /* 2 */
251  font-family: inherit; /* 1 */
252  outline-offset: 0; /* 4 */
253  outline-style: none; /* 4 */
254  outline-width: 0; /* 4 */
255  -webkit-font-smoothing: inherit; /* 5 */
256  background-image: none; /* 6 */
257}
258
259/**
260 * Address Firefox 4+ setting `line-height` on `input` using `importnt` in
261 * the UA stylesheet.
262 */
263
264button,
265input {
266  line-height: normal;
267}
268
269/**
270 * Address inconsistent `text-transform` inheritance for `button` and `select`.
271 * All other form control elements do not inherit `text-transform` values.
272 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
273 * Correct `select` style inheritance in Firefox 4+ and Opera.
274 */
275
276button,
277select {
278  text-transform: none;
279}
280
281/**
282 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
283 *  and `video` controls.
284 * 2. Correct inability to style clickable `input` types in iOS.
285 * 3. Improve usability and consistency of cursor style between image-type
286 *  `input` and others.
287 */
288
289button,
290html input[type="button"], /* 1 */
291input[type="reset"],
292input[type="submit"] {
293  cursor: pointer; /* 3 */
294  -webkit-appearance: button; /* 2 */
295}
296
297/**
298 * Re-set default cursor for disabled elements.
299 */
300
301button[disabled],
302html input[disabled] {
303  cursor: default;
304}
305
306/**
307 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
308 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
309 *  (include `-moz` to future-proof).
310 */
311
312input[type="search"] {
313  -webkit-box-sizing: content-box; /* 2 */
314  -moz-box-sizing: content-box;
315  box-sizing: content-box;
316  -webkit-appearance: textfield; /* 1 */
317}
318
319/**
320 * Remove inner padding and search cancel button in Safari 5 and Chrome
321 * on OS X.
322 */
323
324input[type="search"]::-webkit-search-cancel-button,
325input[type="search"]::-webkit-search-decoration {
326  -webkit-appearance: none;
327}
328
329/**
330 * Remove inner padding and border in Firefox 4+.
331 */
332
333button::-moz-focus-inner,
334input::-moz-focus-inner {
335  padding: 0;
336  border: 0;
337}
338
339/**
340 * 1. Remove default vertical scrollbar in IE 8/9.
341 * 2. Improve readability and alignment in all browsers.
342 */
343
344textarea {
345  overflow: auto; /* 1 */
346  vertical-align: top; /* 2 */
347}
348
349
350img {
351  -webkit-user-drag: none;
352}
353
354/* ==========================================================================
355   Tables
356   ========================================================================== */
357
358/**
359 * Remove most spacing between table cells.
360 */
361
362table {
363  border-spacing: 0;
364  border-collapse: collapse;
365}