diff options
Diffstat (limited to 'src/styles/reset.scss')
-rw-r--r-- | src/styles/reset.scss | 139 |
1 files changed, 116 insertions, 23 deletions
diff --git a/src/styles/reset.scss b/src/styles/reset.scss index d87ce652a..929494514 100644 --- a/src/styles/reset.scss +++ b/src/styles/reset.scss | |||
@@ -3,19 +3,87 @@ | |||
3 | /* ============ RESET =========== */ | 3 | /* ============ RESET =========== */ |
4 | /* http://meyerweb.com/eric/tools/css/reset */ | 4 | /* http://meyerweb.com/eric/tools/css/reset */ |
5 | 5 | ||
6 | html, body, div, span, applet, object, iframe, | 6 | html, |
7 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, | 7 | body, |
8 | a, abbr, acronym, address, big, cite, code, | 8 | div, |
9 | del, dfn, em, img, ins, kbd, q, s, samp, | 9 | span, |
10 | small, strike, strong, sub, sup, tt, var, | 10 | applet, |
11 | b, u, i, center, | 11 | object, |
12 | dl, dt, dd, ol, ul, li, | 12 | iframe, |
13 | fieldset, form, label, legend, | 13 | h1, |
14 | table, caption, tbody, tfoot, thead, tr, th, td, | 14 | h2, |
15 | article, aside, canvas, details, embed, | 15 | h3, |
16 | figure, figcaption, footer, header, hgroup, | 16 | h4, |
17 | menu, nav, output, ruby, section, summary, | 17 | h5, |
18 | time, mark, audio, video { | 18 | h6, |
19 | p, | ||
20 | blockquote, | ||
21 | pre, | ||
22 | a, | ||
23 | abbr, | ||
24 | acronym, | ||
25 | address, | ||
26 | big, | ||
27 | cite, | ||
28 | code, | ||
29 | del, | ||
30 | dfn, | ||
31 | em, | ||
32 | img, | ||
33 | ins, | ||
34 | kbd, | ||
35 | q, | ||
36 | s, | ||
37 | samp, | ||
38 | small, | ||
39 | strike, | ||
40 | strong, | ||
41 | sub, | ||
42 | sup, | ||
43 | tt, | ||
44 | var, | ||
45 | b, | ||
46 | u, | ||
47 | i, | ||
48 | center, | ||
49 | dl, | ||
50 | dt, | ||
51 | dd, | ||
52 | ol, | ||
53 | ul, | ||
54 | li, | ||
55 | fieldset, | ||
56 | form, | ||
57 | label, | ||
58 | legend, | ||
59 | table, | ||
60 | caption, | ||
61 | tbody, | ||
62 | tfoot, | ||
63 | thead, | ||
64 | tr, | ||
65 | th, | ||
66 | td, | ||
67 | article, | ||
68 | aside, | ||
69 | canvas, | ||
70 | details, | ||
71 | embed, | ||
72 | figure, | ||
73 | figcaption, | ||
74 | footer, | ||
75 | header, | ||
76 | hgroup, | ||
77 | menu, | ||
78 | nav, | ||
79 | output, | ||
80 | ruby, | ||
81 | section, | ||
82 | summary, | ||
83 | time, | ||
84 | mark, | ||
85 | audio, | ||
86 | video { | ||
19 | border: 0; | 87 | border: 0; |
20 | font: inherit; | 88 | font: inherit; |
21 | font-size: 100%; | 89 | font-size: 100%; |
@@ -23,11 +91,24 @@ time, mark, audio, video { | |||
23 | padding: 0; | 91 | padding: 0; |
24 | } | 92 | } |
25 | 93 | ||
26 | article, aside, details, figcaption, figure, | 94 | article, |
27 | footer, header, hgroup, menu, nav, section { display: block; } | 95 | aside, |
96 | details, | ||
97 | figcaption, | ||
98 | figure, | ||
99 | footer, | ||
100 | header, | ||
101 | hgroup, | ||
102 | menu, | ||
103 | nav, | ||
104 | section { | ||
105 | display: block; | ||
106 | } | ||
28 | 107 | ||
29 | ol, | 108 | ol, |
30 | ul { list-style: none; } | 109 | ul { |
110 | list-style: none; | ||
111 | } | ||
31 | 112 | ||
32 | blockquote, | 113 | blockquote, |
33 | q { | 114 | q { |
@@ -50,11 +131,13 @@ button { | |||
50 | border: none; | 131 | border: none; |
51 | padding: 0; | 132 | padding: 0; |
52 | 133 | ||
53 | &:focus { outline: 0; } | 134 | &:focus { |
135 | outline: 0; | ||
136 | } | ||
54 | } | 137 | } |
55 | 138 | ||
56 | html { | 139 | html { |
57 | font-size: 62.5%; | 140 | font-size: 62.5%; |
58 | font-family: 'Open Sans'; | 141 | font-family: 'Open Sans'; |
59 | } | 142 | } |
60 | 143 | ||
@@ -63,7 +146,9 @@ body { | |||
63 | font-size: 1.4rem; | 146 | font-size: 1.4rem; |
64 | line-height: 1; | 147 | line-height: 1; |
65 | 148 | ||
66 | &.theme__dark { color: $dark-theme-gray-smoke; } | 149 | &.theme__dark { |
150 | color: $dark-theme-gray-smoke; | ||
151 | } | ||
67 | } | 152 | } |
68 | 153 | ||
69 | * { | 154 | * { |
@@ -74,12 +159,20 @@ body { | |||
74 | -webkit-user-select: none; | 159 | -webkit-user-select: none; |
75 | } | 160 | } |
76 | 161 | ||
77 | html, body, div { | 162 | html, |
163 | body, | ||
164 | div { | ||
78 | height: 100%; | 165 | height: 100%; |
79 | background: none; | 166 | background: none; |
80 | box-sizing: border-box; | 167 | box-sizing: border-box; |
81 | } | 168 | } |
82 | 169 | ||
83 | *:focus { outline: none; } | 170 | *:focus { |
84 | img { pointer-events: none; } | 171 | outline: none; |
85 | a { cursor: default; } | 172 | } |
173 | img { | ||
174 | pointer-events: none; | ||
175 | } | ||
176 | a { | ||
177 | cursor: default; | ||
178 | } | ||