jekyll-rtd-theme 1.1.7 → 2.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (154) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +77 -28
  3. data/_includes/addons/analytics.liquid +6 -13
  4. data/_includes/addons/github.liquid +19 -18
  5. data/_includes/assets/sw.caches.js +38 -28
  6. data/_includes/class/_breadcrumbs.liquid +33 -0
  7. data/_includes/class/_footer.liquid +41 -0
  8. data/_includes/{toctree.liquid → class/_toctree.liquid} +3 -6
  9. data/_includes/class/addons-wrap.liquid +26 -0
  10. data/_includes/class/content-wrap.liquid +20 -0
  11. data/_includes/class/sidebar-wrap.liquid +18 -0
  12. data/_includes/extend/list.liquid +2 -2
  13. data/_includes/extend/toctree.liquid +11 -16
  14. data/_includes/node/custom.liquid +17 -0
  15. data/_includes/node/links.liquid +20 -0
  16. data/_includes/node/metadata.liquid +21 -0
  17. data/_includes/node/script.extension.liquid +29 -0
  18. data/_includes/node/script.liquid +15 -0
  19. data/_includes/node/script.schema.liquid +27 -0
  20. data/_includes/node/title.liquid +1 -0
  21. data/_includes/reset/defaults.liquid +40 -59
  22. data/_includes/reset/i18n.liquid +1 -31
  23. data/_includes/{extend → reset}/tabs.liquid +0 -0
  24. data/_includes/reset/workdir.liquid +1 -15
  25. data/_includes/shortcodes/danger.liquid +9 -0
  26. data/_includes/shortcodes/mermaid.liquid +1 -0
  27. data/_includes/shortcodes/note.liquid +9 -0
  28. data/_includes/shortcodes/tip.liquid +9 -0
  29. data/_includes/shortcodes/warning.liquid +9 -0
  30. data/_layouts/default.liquid +21 -241
  31. data/_layouts/plugins/compress.liquid +13 -10
  32. data/_layouts/plugins/extension.liquid +32 -22
  33. data/_sass/@primer/base/base.scss +90 -0
  34. data/_sass/@primer/base/index.scss +6 -0
  35. data/_sass/@primer/base/kbd.scss +21 -0
  36. data/_sass/@primer/base/normalize.scss +423 -0
  37. data/_sass/@primer/base/typography-base.scss +100 -0
  38. data/_sass/@primer/breadcrumb/breadcrumb.scss +28 -0
  39. data/_sass/@primer/breadcrumb/index.scss +3 -0
  40. data/_sass/@primer/buttons/button-group.scss +91 -0
  41. data/_sass/@primer/buttons/button.scss +296 -0
  42. data/_sass/@primer/buttons/index.scss +4 -0
  43. data/_sass/@primer/buttons/misc.scss +205 -0
  44. data/_sass/@primer/forms/form-control.scss +278 -0
  45. data/_sass/@primer/forms/form-group.scss +279 -0
  46. data/_sass/@primer/forms/form-select.scss +38 -0
  47. data/_sass/@primer/forms/form-validation.scss +369 -0
  48. data/_sass/@primer/forms/index.scss +7 -0
  49. data/_sass/@primer/forms/input-group.scss +53 -0
  50. data/_sass/@primer/forms/radio-group.scss +43 -0
  51. data/_sass/@primer/loaders/index.scss +2 -0
  52. data/_sass/@primer/loaders/loaders.scss +21 -0
  53. data/_sass/@primer/markdown/blob-csv.scss +31 -0
  54. data/_sass/@primer/markdown/code.scss +73 -0
  55. data/_sass/@primer/markdown/headings.scss +72 -0
  56. data/_sass/@primer/markdown/images.scss +131 -0
  57. data/_sass/@primer/markdown/index.scss +8 -0
  58. data/_sass/@primer/markdown/lists.scss +76 -0
  59. data/_sass/@primer/markdown/markdown-body.scss +99 -0
  60. data/_sass/@primer/markdown/tables.scss +38 -0
  61. data/_sass/@primer/support/index.scss +11 -0
  62. data/_sass/@primer/support/mixins/buttons.scss +184 -0
  63. data/_sass/@primer/support/mixins/layout.scss +55 -0
  64. data/_sass/@primer/support/mixins/misc.scss +32 -0
  65. data/_sass/@primer/support/mixins/typography.scss +88 -0
  66. data/_sass/@primer/support/variables/color-system.scss +243 -0
  67. data/_sass/@primer/support/variables/colors.scss +55 -0
  68. data/_sass/@primer/support/variables/layout.scss +149 -0
  69. data/_sass/@primer/support/variables/misc.scss +42 -0
  70. data/_sass/@primer/support/variables/typography.scss +43 -0
  71. data/_sass/@primer/utilities/animations.scss +187 -0
  72. data/_sass/@primer/utilities/borders.scss +184 -0
  73. data/_sass/@primer/utilities/box-shadow.scss +25 -0
  74. data/_sass/@primer/utilities/colors.scss +185 -0
  75. data/_sass/@primer/utilities/details.scss +34 -0
  76. data/_sass/@primer/utilities/flexbox.scss +121 -0
  77. data/_sass/@primer/utilities/index.scss +14 -0
  78. data/_sass/@primer/utilities/layout.scss +134 -0
  79. data/_sass/@primer/utilities/margin.scss +68 -0
  80. data/_sass/@primer/utilities/padding.scss +59 -0
  81. data/_sass/@primer/utilities/typography.scss +325 -0
  82. data/_sass/@primer/utilities/visibility-display.scss +82 -0
  83. data/_sass/_font-face.scss +66 -0
  84. data/_sass/_icons.scss +57 -0
  85. data/_sass/_layout.scss +75 -0
  86. data/_sass/_reset.scss +13 -0
  87. data/_sass/_root.scss +9 -0
  88. data/_sass/_variables.scss +32 -0
  89. data/_sass/class/addons-wrap.scss +39 -0
  90. data/_sass/class/admonition.scss +47 -0
  91. data/_sass/class/container.scss +11 -0
  92. data/_sass/class/content-wrap.scss +4 -0
  93. data/_sass/class/header.scss +10 -0
  94. data/_sass/class/highlight.scss +214 -0
  95. data/_sass/class/markdown-body.scss +68 -0
  96. data/_sass/class/sidebar-wrap.scss +95 -0
  97. data/_sass/class/title.scss +12 -0
  98. data/_sass/theme.scss +31 -0
  99. data/assets/404.liquid +2 -2
  100. data/assets/css/theme.min.css +1 -0
  101. data/assets/css/theme.scss +4 -0
  102. data/assets/js/mermaid.min.js +5 -5
  103. data/assets/js/theme.js +289 -0
  104. data/assets/js/theme.min.js +1 -0
  105. data/assets/search.liquid +4 -20
  106. metadata +93 -53
  107. data/_includes/addons.liquid +0 -28
  108. data/_includes/addons/i18n.liquid +0 -13
  109. data/_includes/addons/plugins.liquid +0 -6
  110. data/_includes/album.liquid +0 -7
  111. data/_includes/assets/common.js +0 -167
  112. data/_includes/assets/search.js +0 -76
  113. data/_includes/breadcrumbs.liquid +0 -43
  114. data/_includes/footer.liquid +0 -39
  115. data/_includes/i18n/en.liquid +0 -29
  116. data/_includes/i18n/es.liquid +0 -29
  117. data/_includes/i18n/fr.liquid +0 -29
  118. data/_includes/i18n/it.liquid +0 -29
  119. data/_includes/i18n/ja.liquid +0 -29
  120. data/_includes/i18n/ko.liquid +0 -29
  121. data/_includes/i18n/ru.liquid +0 -29
  122. data/_includes/i18n/sv.liquid +0 -29
  123. data/_includes/i18n/zh-cn.liquid +0 -29
  124. data/_includes/reset/languages.liquid +0 -110
  125. data/_sass/_album.scss +0 -19
  126. data/_sass/_embed.scss +0 -23
  127. data/_sass/fluid.scss +0 -7
  128. data/_sass/jekyll-rtd-theme.scss +0 -162
  129. data/assets/css/rougify/base16.css +0 -1
  130. data/assets/css/rougify/base16.dark.css +0 -1
  131. data/assets/css/rougify/base16.light.css +0 -1
  132. data/assets/css/rougify/base16.monokai.css +0 -1
  133. data/assets/css/rougify/base16.monokai.dark.css +0 -1
  134. data/assets/css/rougify/base16.monokai.light.css +0 -1
  135. data/assets/css/rougify/base16.solarized.css +0 -1
  136. data/assets/css/rougify/base16.solarized.dark.css +0 -1
  137. data/assets/css/rougify/base16.solarized.light.css +0 -1
  138. data/assets/css/rougify/bw.css +0 -1
  139. data/assets/css/rougify/colorful.css +0 -1
  140. data/assets/css/rougify/github.css +0 -1
  141. data/assets/css/rougify/gruvbox.css +0 -1
  142. data/assets/css/rougify/gruvbox.dark.css +0 -1
  143. data/assets/css/rougify/gruvbox.light.css +0 -1
  144. data/assets/css/rougify/igorpro.css +0 -1
  145. data/assets/css/rougify/magritte.css +0 -1
  146. data/assets/css/rougify/molokai.css +0 -1
  147. data/assets/css/rougify/monokai.css +0 -1
  148. data/assets/css/rougify/monokai.sublime.css +0 -1
  149. data/assets/css/rougify/pastie.css +0 -1
  150. data/assets/css/rougify/thankful_eyes.css +0 -1
  151. data/assets/css/rougify/tulip.css +0 -1
  152. data/assets/css/theme.css +0 -4
  153. data/assets/js/anchor.min.js +0 -9
  154. data/assets/js/html5shiv.min.js +0 -4
@@ -5,14 +5,17 @@ layout: plugins/extension
5
5
  {%- if site.debug.compress == false -%}
6
6
  {{ content }}
7
7
  {%- else -%}
8
- {%- assign blocks = content | split: "<pre" -%}
9
- {%- for block in blocks -%}
10
- {%- assign child_blocks = block | split: "</pre>" -%}
11
- {%- if child_blocks.size == 1 -%}
12
- {{ block | split: " " | join: " " }}
13
- {%- else -%}
14
- {%- comment %} current nested pre not support {% endcomment -%}
15
- <pre{{ child_blocks.first }}</pre> {{ child_blocks.last | split: " " | join: " " -}}
16
- {%- endif -%}
17
- {%- endfor -%}
8
+ {%- if content contains "<pre" -%}
9
+ {%- assign content_blocks = content | split: "<pre" -%}
10
+ {%- for content_block in content_blocks -%}
11
+ {%- if content_block contains "</pre>" -%}
12
+ {%- assign pre_blocks = content_block | split: "</pre>" -%}
13
+ <pre{{ pre_blocks.first }}</pre> {{ pre_blocks.last | split: " " | join: " " -}}
14
+ {%- else -%}
15
+ {{- content_block | split: " " | join: " " -}}
16
+ {%- endif -%}
17
+ {%- endfor -%}
18
+ {%- else -%}
19
+ {{- content | split: " " | join: " " -}}
20
+ {%- endif -%}
18
21
  {%- endif -%}
@@ -1,24 +1,34 @@
1
- {%- assign blocks = content | split: "<pre" -%}
2
- {%- for block in blocks -%}
3
- {%- assign child_blocks = block | split: "</pre>" %}
4
- {%- if child_blocks.size == 1 -%}
5
- {{ block }}
6
- {%- else -%}
7
- {%- comment %} admonitions card {% endcomment -%}
8
- {%- assign admonitions = "note, tip, warning, danger" | split: ", " -%}
9
- {%- comment %} get pre code and type {% endcomment -%}
10
- {%- assign pre_blocks = child_blocks.first | replace_first: ">", "```<temp>```" | split: "```<temp>```" -%}
11
- {%- assign pre_type = pre_blocks.first | replace: '"', '' | replace: " class=notranslate language-", "" -%}
1
+ {%- include reset/i18n.liquid -%}
2
+
3
+ {%- assign shortcodes = "mermaid, warning, note, tip, danger" | split: ", " -%}
12
4
 
13
- {%- if admonitions contains pre_type -%}
14
- <div class="admonition {{ pre_type }}">
15
- {%- comment %} title will be translated via ui {% endcomment -%}
16
- <p class="admonition-title" ui="{{ pre_type }}"><span class="progress"></span></p>{{ pre_blocks.last | markdownify | strip_newlines -}}
17
- </div>{{ child_blocks.last -}}
18
- {%- elsif pre_type == "mermaid" -%}
19
- <div class="mermaid">{{ pre_blocks.last }}</div>{{ child_blocks.last }}
20
- {%- else -%}
21
- <pre{{ child_blocks.first }}</pre> {{ child_blocks.last -}}
22
- {%- endif -%}
5
+ {%- if site.debug.extension == false -%}
6
+ {{ content }}
7
+ {%- else -%}
8
+ {%- if content contains "<pre" -%}
9
+ {%- assign content_blocks = content | split: "<pre" -%}
10
+ {%- for content_block in content_blocks -%}
11
+ {%- if content_block contains "</pre>" -%}
12
+ {%- assign pre_blocks = content_block | split: "</pre>" -%}
13
+ {%- if content_block contains '><code class="language-' -%}
14
+ {%- comment %} shortcodes: <pre><code class="language-**"> {% endcomment -%}
15
+ {%- assign custom = content_block | replace_first: '><code class="language-', "" | replace_first: '">', "<temp/>" | split: "<temp/>" -%}
16
+ {%- assign lang = custom.first -%}
17
+ {%- assign codes = custom.last | split: "</code>" | first -%}
18
+ {%- assign others = custom.last | split: "</code>" | last -%}
19
+ {%- if shortcodes contains lang -%}
20
+ {%- include shortcodes/{{ lang }}.liquid -%} {{- others -}}
21
+ {%- else -%}
22
+ <pre{{ pre_blocks.first }}</pre> {{ pre_blocks.last }}
23
+ {%- endif -%}
24
+ {%- else -%}
25
+ <pre{{ pre_blocks.first }}</pre> {{ pre_blocks.last -}}
26
+ {%- endif -%}
27
+ {%- else -%}
28
+ {{- content_block -}}
29
+ {%- endif -%}
30
+ {%- endfor -%}
31
+ {%- else -%}
32
+ {{- content -}}
23
33
  {%- endif -%}
24
- {%- endfor -%}
34
+ {%- endif -%}
@@ -0,0 +1,90 @@
1
+ // stylelint-disable selector-max-type
2
+ * {
3
+ box-sizing: border-box;
4
+ }
5
+
6
+ input,
7
+ select,
8
+ textarea,
9
+ button {
10
+ font-family: inherit;
11
+ font-size: inherit;
12
+ line-height: inherit;
13
+ }
14
+
15
+ body {
16
+ font-family: $body-font;
17
+ font-size: $body-font-size;
18
+ line-height: $body-line-height;
19
+ color: $text-gray-dark;
20
+ background-color: $bg-white;
21
+ }
22
+
23
+ a {
24
+ color: $text-blue;
25
+ text-decoration: none;
26
+
27
+ &:hover {
28
+ text-decoration: underline;
29
+ }
30
+ }
31
+
32
+ b,
33
+ strong {
34
+ font-weight: $font-weight-bold;
35
+ }
36
+
37
+ // Horizontal lines
38
+ //
39
+ // TODO-MDO: Remove `.rule` from everywhere and replace with `<hr>`s
40
+ hr,
41
+ .rule {
42
+ height: 0;
43
+ // stylelint-disable-next-line primer/spacing
44
+ margin: 15px 0;
45
+ overflow: hidden;
46
+ background: transparent;
47
+ border: 0;
48
+ // stylelint-disable-next-line primer/borders
49
+ border-bottom: $border-width $border-style lighten($gray-300, 5%);
50
+ @include clearfix();
51
+ }
52
+
53
+ //
54
+ // Remove most spacing between table cells.
55
+ //
56
+
57
+ table {
58
+ border-spacing: 0;
59
+ border-collapse: collapse;
60
+ }
61
+
62
+ td,
63
+ th {
64
+ padding: 0;
65
+ }
66
+
67
+ button {
68
+ cursor: pointer;
69
+ // Remove border radius added by Chrome macOS
70
+ border-radius: 0;
71
+ }
72
+
73
+ // increase the selector specificity for [hidden]
74
+ // so that it always overrides utility classes (.d-block, etc.)
75
+ [hidden][hidden] {
76
+ display: none !important;
77
+ }
78
+
79
+ details {
80
+ summary {
81
+ cursor: pointer;
82
+ }
83
+
84
+ &:not([open]) {
85
+ // Set details content hidden by default for browsers that don't do this
86
+ > *:not(summary) {
87
+ display: none !important;
88
+ }
89
+ }
90
+ }
@@ -0,0 +1,6 @@
1
+ @import "../support/index.scss";
2
+
3
+ @import "./normalize.scss";
4
+ @import "./base.scss";
5
+ @import "./kbd.scss";
6
+ @import "./typography-base.scss";
@@ -0,0 +1,21 @@
1
+ // Keyboard shortcuts
2
+ // stylelint-disable selector-max-type
3
+
4
+ kbd {
5
+ display: inline-block;
6
+ // stylelint-disable-next-line primer/spacing
7
+ padding: ($spacer-1 - 1) ($spacer-1 + 1);
8
+ font: 11px $mono-font;
9
+ // stylelint-disable-next-line primer/typography
10
+ line-height: 10px;
11
+ // stylelint-disable-next-line primer/colors
12
+ color: $gray-700;
13
+ vertical-align: middle;
14
+ background-color: $bg-gray-light;
15
+ // stylelint-disable-next-line primer/borders
16
+ border: $border-style $border-width $border-gray-dark;
17
+ border-bottom-color: $border-gray-dark;
18
+ border-radius: $border-radius;
19
+ // stylelint-disable-next-line primer/box-shadow
20
+ box-shadow: inset 0 -1px 0 $border-gray-dark;
21
+ }
@@ -0,0 +1,423 @@
1
+ // stylelint-disable
2
+
3
+ /**
4
+ * 1. Change the default font family in all browsers (opinionated).
5
+ * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
6
+ */
7
+
8
+ html {
9
+ font-family: sans-serif; /* 1 */
10
+ -ms-text-size-adjust: 100%; /* 2 */
11
+ -webkit-text-size-adjust: 100%; /* 2 */
12
+ }
13
+
14
+ /**
15
+ * Remove the margin in all browsers (opinionated).
16
+ */
17
+
18
+ body {
19
+ margin: 0;
20
+ }
21
+
22
+ /* HTML5 display definitions
23
+ ========================================================================== */
24
+
25
+ /**
26
+ * Add the correct display in IE 9-.
27
+ * 1. Add the correct display in Edge, IE, and Firefox.
28
+ * 2. Add the correct display in IE.
29
+ */
30
+
31
+ article,
32
+ aside,
33
+ details, /* 1 */
34
+ figcaption,
35
+ figure,
36
+ footer,
37
+ header,
38
+ main, /* 2 */
39
+ menu,
40
+ nav,
41
+ section {
42
+ /* 1 */
43
+ display: block;
44
+ }
45
+
46
+ summary {
47
+ display: list-item;
48
+ }
49
+
50
+ /**
51
+ * Add the correct display in IE 9-.
52
+ */
53
+
54
+ audio,
55
+ canvas,
56
+ progress,
57
+ video {
58
+ display: inline-block;
59
+ }
60
+
61
+ /**
62
+ * Add the correct display in iOS 4-7.
63
+ */
64
+
65
+ audio:not([controls]) {
66
+ display: none;
67
+ height: 0;
68
+ }
69
+
70
+ /**
71
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
72
+ */
73
+
74
+ progress {
75
+ vertical-align: baseline;
76
+ }
77
+
78
+ /**
79
+ * Add the correct display in IE 10-.
80
+ * 1. Add the correct display in IE.
81
+ */
82
+
83
+ template, /* 1 */
84
+ [hidden] {
85
+ display: none !important;
86
+ }
87
+
88
+ /* Links
89
+ ========================================================================== */
90
+
91
+ /**
92
+ * Remove the gray background on active links in IE 10.
93
+ */
94
+
95
+ a {
96
+ background-color: transparent; /* 1 */
97
+ }
98
+
99
+ /**
100
+ * Remove the outline on focused links when they are also active or hovered
101
+ * in all browsers (opinionated).
102
+ */
103
+
104
+ a:active,
105
+ a:hover {
106
+ outline-width: 0;
107
+ }
108
+
109
+ /* Text-level semantics
110
+ ========================================================================== */
111
+
112
+ /**
113
+ * 1. Remove the bottom border in Firefox 39-.
114
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
115
+ */
116
+
117
+ abbr[title] {
118
+ border-bottom: none; /* 1 */
119
+ text-decoration: underline; /* 2 */
120
+ text-decoration: underline dotted; /* 2 */
121
+ }
122
+
123
+ /**
124
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
125
+ */
126
+
127
+ b,
128
+ strong {
129
+ font-weight: inherit;
130
+ }
131
+
132
+ /**
133
+ * Add the correct font weight in Chrome, Edge, and Safari.
134
+ */
135
+
136
+ b,
137
+ strong {
138
+ font-weight: bolder;
139
+ }
140
+
141
+ /**
142
+ * Add the correct font style in Android 4.3-.
143
+ */
144
+
145
+ dfn {
146
+ font-style: italic;
147
+ }
148
+
149
+ /**
150
+ * Correct the font size and margin on `h1` elements within `section` and
151
+ * `article` contexts in Chrome, Firefox, and Safari.
152
+ */
153
+
154
+ h1 {
155
+ font-size: 2em;
156
+ margin: 0.67em 0;
157
+ }
158
+
159
+ /**
160
+ * Add the correct background and color in IE 9-.
161
+ */
162
+
163
+ mark {
164
+ background-color: #ff0;
165
+ color: $text-black;
166
+ }
167
+
168
+ /**
169
+ * Add the correct font size in all browsers.
170
+ */
171
+
172
+ small {
173
+ font-size: 80%;
174
+ }
175
+
176
+ /**
177
+ * Prevent `sub` and `sup` elements from affecting the line height in
178
+ * all browsers.
179
+ */
180
+
181
+ sub,
182
+ sup {
183
+ font-size: 75%;
184
+ line-height: 0;
185
+ position: relative;
186
+ vertical-align: baseline;
187
+ }
188
+
189
+ sub {
190
+ bottom: -0.25em;
191
+ }
192
+
193
+ sup {
194
+ top: -0.5em;
195
+ }
196
+
197
+ /* Embedded content
198
+ ========================================================================== */
199
+
200
+ /**
201
+ * Remove the border on images inside links in IE 10-.
202
+ */
203
+
204
+ img {
205
+ border-style: none;
206
+ }
207
+
208
+ /**
209
+ * Hide the overflow in IE.
210
+ */
211
+
212
+ svg:not(:root) {
213
+ overflow: hidden;
214
+ }
215
+
216
+ /* Grouping content
217
+ ========================================================================== */
218
+
219
+ /**
220
+ * 1. Correct the inheritance and scaling of font size in all browsers.
221
+ * 2. Correct the odd `em` font sizing in all browsers.
222
+ */
223
+
224
+ code,
225
+ kbd,
226
+ pre,
227
+ samp {
228
+ font-family: monospace, monospace; /* 1 */
229
+ font-size: 1em; /* 2 */
230
+ }
231
+
232
+ /**
233
+ * Add the correct margin in IE 8.
234
+ */
235
+
236
+ figure {
237
+ margin: 1em $spacer-6;
238
+ }
239
+
240
+ /**
241
+ * 1. Add the correct box sizing in Firefox.
242
+ * 2. Show the overflow in Edge and IE.
243
+ */
244
+
245
+ hr {
246
+ box-sizing: content-box; /* 1 */
247
+ height: 0; /* 1 */
248
+ overflow: visible; /* 2 */
249
+ }
250
+
251
+ /* Forms
252
+ ========================================================================== */
253
+
254
+ /**
255
+ * 1. Change font properties to `inherit` in all browsers (opinionated).
256
+ * 2. Remove the margin in Firefox and Safari.
257
+ */
258
+
259
+ button,
260
+ input,
261
+ select,
262
+ textarea {
263
+ font: inherit; /* 1 */
264
+ margin: 0; /* 2 */
265
+ }
266
+
267
+ /**
268
+ * Restore the font weight unset by the previous rule.
269
+ */
270
+
271
+ optgroup {
272
+ font-weight: $font-weight-bold;
273
+ }
274
+
275
+ /**
276
+ * Show the overflow in IE.
277
+ * 1. Show the overflow in Edge.
278
+ */
279
+
280
+ button,
281
+ input {
282
+ /* 1 */
283
+ overflow: visible;
284
+ }
285
+
286
+ /**
287
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
288
+ * 1. Remove the inheritance of text transform in Firefox.
289
+ */
290
+
291
+ button,
292
+ select {
293
+ /* 1 */
294
+ text-transform: none;
295
+ }
296
+
297
+ /**
298
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
299
+ * controls in Android 4.
300
+ * 2. Correct the inability to style clickable types in iOS and Safari.
301
+ */
302
+
303
+ button,
304
+ html [type="button"], /* 1 */
305
+ [type="reset"],
306
+ [type="submit"] {
307
+ -webkit-appearance: button; /* 2 */
308
+ }
309
+
310
+ /**
311
+ * Remove the inner border and padding in Firefox.
312
+ */
313
+
314
+ button::-moz-focus-inner,
315
+ [type="button"]::-moz-focus-inner,
316
+ [type="reset"]::-moz-focus-inner,
317
+ [type="submit"]::-moz-focus-inner {
318
+ border-style: none;
319
+ padding: 0;
320
+ }
321
+
322
+ /**
323
+ * Restore the focus styles unset by the previous rule.
324
+ */
325
+
326
+ button:-moz-focusring,
327
+ [type="button"]:-moz-focusring,
328
+ [type="reset"]:-moz-focusring,
329
+ [type="submit"]:-moz-focusring {
330
+ outline: 1px dotted ButtonText;
331
+ }
332
+
333
+ /**
334
+ * Change the border, margin, and padding in all browsers (opinionated).
335
+ */
336
+
337
+ fieldset {
338
+ border: $border-width $border-style #c0c0c0;
339
+ margin: 0 2px;
340
+ padding: 0.35em 0.625em $em-spacer-6;
341
+ }
342
+
343
+ /**
344
+ * 1. Correct the text wrapping in Edge and IE.
345
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
346
+ * 3. Remove the padding so developers are not caught out when they zero out
347
+ * `fieldset` elements in all browsers.
348
+ */
349
+
350
+ legend {
351
+ box-sizing: border-box; /* 1 */
352
+ color: inherit; /* 2 */
353
+ display: table; /* 1 */
354
+ max-width: 100%; /* 1 */
355
+ padding: 0; /* 3 */
356
+ white-space: normal; /* 1 */
357
+ }
358
+
359
+ /**
360
+ * Remove the default vertical scrollbar in IE.
361
+ */
362
+
363
+ textarea {
364
+ overflow: auto;
365
+ }
366
+
367
+ /**
368
+ * 1. Add the correct box sizing in IE 10-.
369
+ * 2. Remove the padding in IE 10-.
370
+ */
371
+
372
+ [type="checkbox"],
373
+ [type="radio"] {
374
+ box-sizing: border-box; /* 1 */
375
+ padding: 0; /* 2 */
376
+ }
377
+
378
+ /**
379
+ * Correct the cursor style of increment and decrement buttons in Chrome.
380
+ */
381
+
382
+ [type="number"]::-webkit-inner-spin-button,
383
+ [type="number"]::-webkit-outer-spin-button {
384
+ height: auto;
385
+ }
386
+
387
+ /**
388
+ * 1. Correct the odd appearance in Chrome and Safari.
389
+ * 2. Correct the outline style in Safari.
390
+ */
391
+
392
+ [type="search"] {
393
+ -webkit-appearance: textfield; /* 1 */
394
+ outline-offset: -2px; /* 2 */
395
+ }
396
+
397
+ /**
398
+ * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
399
+ */
400
+
401
+ [type="search"]::-webkit-search-cancel-button,
402
+ [type="search"]::-webkit-search-decoration {
403
+ -webkit-appearance: none;
404
+ }
405
+
406
+ /**
407
+ * Correct the text style of placeholders in Chrome, Edge, and Safari.
408
+ */
409
+
410
+ ::-webkit-input-placeholder {
411
+ color: inherit;
412
+ opacity: 0.54;
413
+ }
414
+
415
+ /**
416
+ * 1. Correct the inability to style clickable types in iOS and Safari.
417
+ * 2. Change font properties to `inherit` in Safari.
418
+ */
419
+
420
+ ::-webkit-file-upload-button {
421
+ -webkit-appearance: button; /* 1 */
422
+ font: inherit; /* 2 */
423
+ }