diff options
author | Stefan Malzner <stefan@adlk.io> | 2017-10-13 12:29:40 +0200 |
---|---|---|
committer | Stefan Malzner <stefan@adlk.io> | 2017-10-13 12:29:40 +0200 |
commit | 58cda9cc7fb79ca9df6746de7f9662bc08dc156a (patch) | |
tree | 1211600c2a5d3b5f81c435c6896618111a611720 /src/styles/reset.scss | |
download | ferdium-app-58cda9cc7fb79ca9df6746de7f9662bc08dc156a.tar.gz ferdium-app-58cda9cc7fb79ca9df6746de7f9662bc08dc156a.tar.zst ferdium-app-58cda9cc7fb79ca9df6746de7f9662bc08dc156a.zip |
initial commit
Diffstat (limited to 'src/styles/reset.scss')
-rw-r--r-- | src/styles/reset.scss | 95 |
1 files changed, 95 insertions, 0 deletions
diff --git a/src/styles/reset.scss b/src/styles/reset.scss new file mode 100644 index 000000000..21763f44f --- /dev/null +++ b/src/styles/reset.scss | |||
@@ -0,0 +1,95 @@ | |||
1 | @import './config.scss'; | ||
2 | |||
3 | /* ============ RESET =========== */ | ||
4 | /* http://meyerweb.com/eric/tools/css/reset */ | ||
5 | |||
6 | html, body, div, span, applet, object, iframe, | ||
7 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, | ||
8 | a, abbr, acronym, address, big, cite, code, | ||
9 | del, dfn, em, img, ins, kbd, q, s, samp, | ||
10 | small, strike, strong, sub, sup, tt, var, | ||
11 | b, u, i, center, | ||
12 | dl, dt, dd, ol, ul, li, | ||
13 | fieldset, form, label, legend, | ||
14 | table, caption, tbody, tfoot, thead, tr, th, td, | ||
15 | article, aside, canvas, details, embed, | ||
16 | figure, figcaption, footer, header, hgroup, | ||
17 | menu, nav, output, ruby, section, summary, | ||
18 | time, mark, audio, video { | ||
19 | margin: 0; | ||
20 | padding: 0; | ||
21 | border: 0; | ||
22 | font-size: 100%; | ||
23 | font: inherit; | ||
24 | } | ||
25 | /* HTML5 display-role reset for older browsers */ | ||
26 | article, aside, details, figcaption, figure, | ||
27 | footer, header, hgroup, menu, nav, section { | ||
28 | display: block; | ||
29 | } | ||
30 | body { | ||
31 | line-height: 1; | ||
32 | } | ||
33 | ol, ul { | ||
34 | list-style: none; | ||
35 | } | ||
36 | blockquote, q { | ||
37 | quotes: none; | ||
38 | } | ||
39 | blockquote:before, blockquote:after, q:before, q:after { | ||
40 | content: ''; | ||
41 | content: none; | ||
42 | } | ||
43 | table { | ||
44 | border-collapse: collapse; | ||
45 | border-spacing: 0; | ||
46 | } | ||
47 | |||
48 | /* Buttons should not have any special style applied by default */ | ||
49 | button { | ||
50 | background: none; | ||
51 | border: none; | ||
52 | padding: 0; | ||
53 | } | ||
54 | |||
55 | button:focus { | ||
56 | outline: 0; | ||
57 | } | ||
58 | |||
59 | html { | ||
60 | /* base for rem / 1rem = 10px */ | ||
61 | font-size: 62.5%; | ||
62 | font-family: 'Open Sans'; | ||
63 | } | ||
64 | |||
65 | body { | ||
66 | /* default font size = 14px */ | ||
67 | font-size: 1.4rem; | ||
68 | color: $theme-gray-dark; | ||
69 | } | ||
70 | |||
71 | * { | ||
72 | -webkit-font-smoothing: antialiased; | ||
73 | box-sizing: border-box; | ||
74 | font-size: 1.4rem; | ||
75 | font-family: 'Open Sans'; | ||
76 | -webkit-user-select: none; | ||
77 | } | ||
78 | |||
79 | html, body, div { | ||
80 | height: 100%; | ||
81 | background: none; | ||
82 | box-sizing: border-box; | ||
83 | } | ||
84 | |||
85 | *:focus { | ||
86 | outline: none; | ||
87 | } | ||
88 | |||
89 | img { | ||
90 | pointer-events: none; | ||
91 | } | ||
92 | |||
93 | a { | ||
94 | cursor: default; | ||
95 | } | ||