jekyll-rtd-theme 1.1.7 → 2.0.0.pre.beta

Sign up to get free protection for your applications and to get access to all the features.
Files changed (143) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +9 -9
  3. data/_includes/addons/analytics.liquid +5 -12
  4. data/_includes/addons/github.liquid +16 -18
  5. data/_includes/assets/sw.caches.js +38 -28
  6. data/_includes/breadcrumbs.liquid +20 -36
  7. data/_includes/extend/toctree.liquid +6 -15
  8. data/_includes/footer.liquid +29 -32
  9. data/_includes/reset/defaults.liquid +3 -37
  10. data/_includes/reset/workdir.liquid +1 -14
  11. data/_includes/safe/shortcodes.liquid +9 -0
  12. data/_includes/shortcodes/danger.liquid +7 -0
  13. data/_includes/shortcodes/mermaid.liquid +1 -0
  14. data/_includes/shortcodes/note.liquid +7 -0
  15. data/_includes/shortcodes/tip.liquid +7 -0
  16. data/_includes/shortcodes/warning.liquid +7 -0
  17. data/_includes/toctree.liquid +2 -5
  18. data/_layouts/default.liquid +90 -147
  19. data/_layouts/plugins/compress.liquid +13 -10
  20. data/_layouts/plugins/extension.liquid +30 -22
  21. data/_sass/@primer/base/base.scss +90 -0
  22. data/_sass/@primer/base/index.scss +6 -0
  23. data/_sass/@primer/base/kbd.scss +21 -0
  24. data/_sass/@primer/base/normalize.scss +423 -0
  25. data/_sass/@primer/base/typography-base.scss +100 -0
  26. data/_sass/@primer/breadcrumb/breadcrumb.scss +28 -0
  27. data/_sass/@primer/breadcrumb/index.scss +3 -0
  28. data/_sass/@primer/buttons/button-group.scss +91 -0
  29. data/_sass/@primer/buttons/button.scss +296 -0
  30. data/_sass/@primer/buttons/index.scss +4 -0
  31. data/_sass/@primer/buttons/misc.scss +205 -0
  32. data/_sass/@primer/forms/form-control.scss +278 -0
  33. data/_sass/@primer/forms/form-group.scss +279 -0
  34. data/_sass/@primer/forms/form-select.scss +38 -0
  35. data/_sass/@primer/forms/form-validation.scss +369 -0
  36. data/_sass/@primer/forms/index.scss +7 -0
  37. data/_sass/@primer/forms/input-group.scss +53 -0
  38. data/_sass/@primer/forms/radio-group.scss +43 -0
  39. data/_sass/@primer/markdown/blob-csv.scss +31 -0
  40. data/_sass/@primer/markdown/code.scss +73 -0
  41. data/_sass/@primer/markdown/headings.scss +72 -0
  42. data/_sass/@primer/markdown/images.scss +131 -0
  43. data/_sass/@primer/markdown/index.scss +8 -0
  44. data/_sass/@primer/markdown/lists.scss +76 -0
  45. data/_sass/@primer/markdown/markdown-body.scss +99 -0
  46. data/_sass/@primer/markdown/tables.scss +38 -0
  47. data/_sass/@primer/support/index.scss +11 -0
  48. data/_sass/@primer/support/mixins/buttons.scss +184 -0
  49. data/_sass/@primer/support/mixins/layout.scss +55 -0
  50. data/_sass/@primer/support/mixins/misc.scss +32 -0
  51. data/_sass/@primer/support/mixins/typography.scss +88 -0
  52. data/_sass/@primer/support/variables/color-system.scss +243 -0
  53. data/_sass/@primer/support/variables/colors.scss +55 -0
  54. data/_sass/@primer/support/variables/layout.scss +149 -0
  55. data/_sass/@primer/support/variables/misc.scss +42 -0
  56. data/_sass/@primer/support/variables/typography.scss +43 -0
  57. data/_sass/@primer/utilities/animations.scss +187 -0
  58. data/_sass/@primer/utilities/borders.scss +184 -0
  59. data/_sass/@primer/utilities/box-shadow.scss +25 -0
  60. data/_sass/@primer/utilities/colors.scss +185 -0
  61. data/_sass/@primer/utilities/details.scss +34 -0
  62. data/_sass/@primer/utilities/flexbox.scss +121 -0
  63. data/_sass/@primer/utilities/index.scss +14 -0
  64. data/_sass/@primer/utilities/layout.scss +134 -0
  65. data/_sass/@primer/utilities/margin.scss +68 -0
  66. data/_sass/@primer/utilities/padding.scss +59 -0
  67. data/_sass/@primer/utilities/typography.scss +325 -0
  68. data/_sass/@primer/utilities/visibility-display.scss +82 -0
  69. data/_sass/_font-face.scss +65 -0
  70. data/_sass/_icons.scss +53 -0
  71. data/_sass/_layout.scss +76 -0
  72. data/_sass/_reset.scss +21 -0
  73. data/_sass/_root.scss +9 -0
  74. data/_sass/_variables.scss +29 -0
  75. data/_sass/class/addons-wrap.scss +39 -0
  76. data/_sass/class/container.scss +11 -0
  77. data/_sass/class/content-wrap.scss +4 -0
  78. data/_sass/class/header.scss +10 -0
  79. data/_sass/class/highlight.scss +214 -0
  80. data/_sass/class/markdown-body.scss +49 -0
  81. data/_sass/class/sidebar-wrap.scss +72 -0
  82. data/_sass/class/title.scss +13 -0
  83. data/_sass/theme.scss +29 -0
  84. data/assets/404.liquid +2 -4
  85. data/assets/css/theme.min.css +1 -0
  86. data/assets/css/theme.scss +4 -0
  87. data/assets/js/mermaid.min.js +6 -5
  88. data/assets/js/search.js +90 -0
  89. data/assets/js/theme.js +228 -0
  90. data/assets/js/theme.min.js +1 -0
  91. data/assets/search.liquid +5 -12
  92. metadata +79 -56
  93. data/_includes/addons.liquid +0 -28
  94. data/_includes/addons/i18n.liquid +0 -13
  95. data/_includes/addons/plugins.liquid +0 -6
  96. data/_includes/album.liquid +0 -7
  97. data/_includes/assets/common.js +0 -167
  98. data/_includes/assets/custom.js +0 -0
  99. data/_includes/assets/custom.scss +0 -0
  100. data/_includes/assets/search.js +0 -76
  101. data/_includes/extra/footer.html +0 -0
  102. data/_includes/extra/head.html +0 -0
  103. data/_includes/i18n/en.liquid +0 -29
  104. data/_includes/i18n/es.liquid +0 -29
  105. data/_includes/i18n/fr.liquid +0 -29
  106. data/_includes/i18n/it.liquid +0 -29
  107. data/_includes/i18n/ja.liquid +0 -29
  108. data/_includes/i18n/ko.liquid +0 -29
  109. data/_includes/i18n/ru.liquid +0 -29
  110. data/_includes/i18n/sv.liquid +0 -29
  111. data/_includes/i18n/zh-cn.liquid +0 -29
  112. data/_includes/reset/i18n.liquid +0 -31
  113. data/_includes/reset/languages.liquid +0 -110
  114. data/_sass/_album.scss +0 -19
  115. data/_sass/_embed.scss +0 -23
  116. data/_sass/fluid.scss +0 -7
  117. data/_sass/jekyll-rtd-theme.scss +0 -162
  118. data/assets/css/rougify/base16.css +0 -1
  119. data/assets/css/rougify/base16.dark.css +0 -1
  120. data/assets/css/rougify/base16.light.css +0 -1
  121. data/assets/css/rougify/base16.monokai.css +0 -1
  122. data/assets/css/rougify/base16.monokai.dark.css +0 -1
  123. data/assets/css/rougify/base16.monokai.light.css +0 -1
  124. data/assets/css/rougify/base16.solarized.css +0 -1
  125. data/assets/css/rougify/base16.solarized.dark.css +0 -1
  126. data/assets/css/rougify/base16.solarized.light.css +0 -1
  127. data/assets/css/rougify/bw.css +0 -1
  128. data/assets/css/rougify/colorful.css +0 -1
  129. data/assets/css/rougify/github.css +0 -1
  130. data/assets/css/rougify/gruvbox.css +0 -1
  131. data/assets/css/rougify/gruvbox.dark.css +0 -1
  132. data/assets/css/rougify/gruvbox.light.css +0 -1
  133. data/assets/css/rougify/igorpro.css +0 -1
  134. data/assets/css/rougify/magritte.css +0 -1
  135. data/assets/css/rougify/molokai.css +0 -1
  136. data/assets/css/rougify/monokai.css +0 -1
  137. data/assets/css/rougify/monokai.sublime.css +0 -1
  138. data/assets/css/rougify/pastie.css +0 -1
  139. data/assets/css/rougify/thankful_eyes.css +0 -1
  140. data/assets/css/rougify/tulip.css +0 -1
  141. data/assets/css/theme.css +0 -4
  142. data/assets/js/anchor.min.js +0 -9
  143. data/assets/js/html5shiv.min.js +0 -4
@@ -0,0 +1,279 @@
1
+ // stylelint-disable selector-max-compound-selectors
2
+ // stylelint-disable selector-max-type
3
+
4
+ // Form groups
5
+ //
6
+ // Usage:
7
+ //
8
+ // <div class="form-group">
9
+ // <div class="form-group-header"> containing the label
10
+ // <div class="form-group-body"> containing the form elements
11
+ // </div>
12
+
13
+ .form-group {
14
+ // stylelint-disable-next-line primer/spacing
15
+ margin: 15px 0;
16
+
17
+ // Text fields
18
+ .form-control {
19
+ width: 440px;
20
+ max-width: 100%;
21
+ // stylelint-disable-next-line primer/spacing
22
+ margin-right: 5px;
23
+ background-color: $bg-gray-light;
24
+
25
+ &:focus {
26
+ background-color: $bg-white;
27
+ }
28
+
29
+ &.shorter {
30
+ width: 130px;
31
+ }
32
+
33
+ &.short {
34
+ width: 250px;
35
+ }
36
+
37
+ &.long {
38
+ width: 100%;
39
+ }
40
+ }
41
+
42
+ // Textarea
43
+ // stylelint-disable selector-no-qualifying-type
44
+ textarea.form-control {
45
+ width: 100%;
46
+ height: 200px;
47
+ min-height: 200px;
48
+
49
+ &.short {
50
+ height: 50px;
51
+ min-height: 50px;
52
+ }
53
+ }
54
+ // stylelint-enable selector-no-qualifying-type
55
+
56
+ // The Label
57
+ dt, // TODO: Deprecate
58
+ .form-group-header {
59
+ // stylelint-disable-next-line primer/spacing
60
+ margin: 0 0 6px;
61
+ }
62
+
63
+ label {
64
+ position: relative;
65
+ }
66
+
67
+ &.flattened dt, // TODO: Deprecate
68
+ &.flattened .form-group-header {
69
+ float: left;
70
+ margin: 0;
71
+ // stylelint-disable-next-line primer/typography
72
+ line-height: 32px;
73
+ }
74
+
75
+ &.flattened dd, // TODO: Deprecate
76
+ &.flattened .form-group-body {
77
+ // stylelint-disable-next-line primer/typography
78
+ line-height: 32px;
79
+ }
80
+
81
+ //
82
+ // Form Elements
83
+ //
84
+ // stylelint-disable selector-no-qualifying-type
85
+ dd, // TODO: Deprecate
86
+ .form-group-body {
87
+ h4 {
88
+ margin: $spacer-1 0 0;
89
+
90
+ &.is-error {
91
+ color: $text-red;
92
+ }
93
+
94
+ &.is-success {
95
+ color: $text-green;
96
+ }
97
+
98
+ + .note {
99
+ margin-top: 0;
100
+ }
101
+ }
102
+ }
103
+ // stylelint-enable selector-no-qualifying-type
104
+
105
+ //
106
+ // Variants
107
+ //
108
+
109
+ &.required {
110
+ dt label::after, // TODO: Deprecate
111
+ .form-group-header label::after {
112
+ // stylelint-disable-next-line primer/spacing
113
+ padding-left: 5px;
114
+ color: $text-red;
115
+ content: "*";
116
+ }
117
+ }
118
+
119
+ // Form AJAX states
120
+ //
121
+ // Form fields that need feedback for AJAX loading, success
122
+ // states and errored states.
123
+ .success,
124
+ .error,
125
+ .indicator {
126
+ display: none;
127
+ font-size: $font-size-small;
128
+ font-weight: $font-weight-bold;
129
+ }
130
+
131
+ &.loading {
132
+ opacity: 0.5;
133
+
134
+ .indicator {
135
+ display: inline;
136
+ }
137
+
138
+ .spinner {
139
+ display: inline-block;
140
+ vertical-align: middle;
141
+ }
142
+ }
143
+
144
+ &.successful {
145
+ .success {
146
+ display: inline;
147
+ color: $text-green;
148
+ }
149
+ }
150
+
151
+ // Form validation
152
+ //
153
+ // Our inline errors
154
+
155
+ &.successed,
156
+ &.warn,
157
+ &.errored {
158
+ .success,
159
+ .warning,
160
+ .error {
161
+ position: absolute;
162
+ z-index: 10;
163
+ display: block; // Show up in errored/warn state
164
+ max-width: 450px; // Keep our long errors readable
165
+ padding: $spacer-1 $spacer-2;
166
+ margin: $spacer-2 0 0;
167
+ font-size: $font-size-small;
168
+ font-weight: $font-weight-normal;
169
+ border-style: $border-style;
170
+ border-width: $border-width;
171
+ border-radius: $border-radius;
172
+
173
+ &::after,
174
+ &::before {
175
+ position: absolute;
176
+ bottom: 100%;
177
+ left: 10px;
178
+ z-index: 15;
179
+ width: 0;
180
+ height: 0;
181
+ pointer-events: none;
182
+ content: " ";
183
+ // stylelint-disable-next-line primer/borders
184
+ border: $border-style transparent;
185
+ }
186
+
187
+ &::after {
188
+ // stylelint-disable-next-line primer/borders
189
+ border-width: 5px;
190
+ }
191
+
192
+ &::before {
193
+ // stylelint-disable-next-line primer/spacing
194
+ margin-left: -1px;
195
+ // stylelint-disable-next-line primer/borders
196
+ border-width: 6px;
197
+ }
198
+ }
199
+ }
200
+
201
+ &.successed {
202
+ .success {
203
+ // stylelint-disable-next-line primer/colors
204
+ color: $green-900;
205
+ // stylelint-disable-next-line primer/colors
206
+ background-color: $green-100;
207
+ border-color: $border-green;
208
+
209
+ &::after {
210
+ // stylelint-disable-next-line primer/borders
211
+ border-bottom-color: $green-100;
212
+ }
213
+
214
+ &::before {
215
+ border-bottom-color: $border-green;
216
+ }
217
+ }
218
+ }
219
+
220
+ &.warn {
221
+ .form-control {
222
+ // stylelint-disable-next-line primer/borders
223
+ border-color: $yellow-600;
224
+ }
225
+
226
+ .warning {
227
+ // stylelint-disable-next-line primer/colors
228
+ background-color: $yellow-200;
229
+ border-color: $border-yellow;
230
+
231
+ &::after {
232
+ // stylelint-disable-next-line primer/borders
233
+ border-bottom-color: $yellow-200;
234
+ }
235
+
236
+ &::before {
237
+ border-bottom-color: $border-yellow;
238
+ }
239
+ }
240
+ }
241
+
242
+ &.errored {
243
+ .form-control {
244
+ // stylelint-disable-next-line primer/borders
245
+ border-color: $red-600;
246
+ }
247
+
248
+ label {
249
+ color: $text-red;
250
+ }
251
+
252
+ .error {
253
+ background-color: $bg-red-light;
254
+ border-color: $border-red-light;
255
+
256
+ &::after {
257
+ // stylelint-disable-next-line primer/borders
258
+ border-bottom-color: $bg-red-light;
259
+ }
260
+
261
+ &::before {
262
+ border-bottom-color: $border-red-light;
263
+ }
264
+ }
265
+ }
266
+ }
267
+
268
+ .note {
269
+ min-height: 17px;
270
+ margin: $spacer-1 0 2px;
271
+ font-size: $font-size-small;
272
+ color: $text-gray;
273
+
274
+ .spinner {
275
+ // stylelint-disable-next-line primer/spacing
276
+ margin-right: 3px;
277
+ vertical-align: middle;
278
+ }
279
+ }
@@ -0,0 +1,38 @@
1
+ // Custom select
2
+ //
3
+ // Apply `.select` to any `<select>` element for custom styles.
4
+ .form-select {
5
+ display: inline-block;
6
+ max-width: 100%;
7
+ height: $size-5;
8
+ padding-right: $spacer-4;
9
+ background-color: $bg-white;
10
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC");
11
+ background-repeat: no-repeat;
12
+ background-position: right 8px center;
13
+ background-size: 8px 10px;
14
+ appearance: none;
15
+
16
+ // Hides the default caret in IE11
17
+ &::-ms-expand {
18
+ opacity: 0;
19
+ }
20
+
21
+ &[multiple] {
22
+ height: auto;
23
+ }
24
+ }
25
+
26
+ .select-sm {
27
+ height: $size-4;
28
+ // stylelint-disable-next-line primer/spacing
29
+ padding-top: 3px;
30
+ // stylelint-disable-next-line primer/spacing
31
+ padding-bottom: 3px;
32
+ font-size: $font-size-small;
33
+
34
+ &[multiple] {
35
+ height: auto;
36
+ min-height: 0;
37
+ }
38
+ }
@@ -0,0 +1,369 @@
1
+ // Needs refactoring
2
+ // stylelint-disable selector-no-qualifying-type, selector-max-type
3
+ dl.form-group > dd, // TODO: Deprecate
4
+ .form-group > .form-group-body {
5
+ .form-control {
6
+ &.is-autocheck-loading,
7
+ &.is-autocheck-successful,
8
+ &.is-autocheck-errored {
9
+ // stylelint-disable-next-line primer/spacing
10
+ padding-right: 30px; // Leave some space for our validation icons
11
+ }
12
+
13
+ &.is-autocheck-loading {
14
+ background-image: url("/images/spinners/octocat-spinner-16px.gif");
15
+ }
16
+
17
+ &.is-autocheck-successful {
18
+ background-image: url("/images/modules/ajax/success.png");
19
+ }
20
+
21
+ &.is-autocheck-errored {
22
+ background-image: url("/images/modules/ajax/error.png");
23
+ }
24
+ }
25
+ }
26
+
27
+ // Retinization of form validation icons that aren't octicons yet
28
+ @include retina-media-query {
29
+ dl.form-group > dd, // TODO: Deprecate
30
+ .form-group > .form-group-body {
31
+ .form-control {
32
+ &.is-autocheck-loading,
33
+ &.is-autocheck-successful,
34
+ &.is-autocheck-errored {
35
+ background-size: 16px 16px;
36
+ }
37
+
38
+ &.is-autocheck-loading {
39
+ background-image: url("/images/spinners/octocat-spinner-32.gif");
40
+ }
41
+
42
+ &.is-autocheck-successful {
43
+ background-image: url("/images/modules/ajax/success@2x.png");
44
+ }
45
+
46
+ &.is-autocheck-errored {
47
+ background-image: url("/images/modules/ajax/error@2x.png");
48
+ }
49
+ }
50
+ }
51
+ }
52
+
53
+ // Inline verification
54
+ // This overrides primer's inline form stuff
55
+ .status-indicator {
56
+ display: inline-block;
57
+ width: 16px;
58
+ height: 16px;
59
+ // stylelint-disable-next-line primer/spacing
60
+ margin-left: 5px;
61
+
62
+ .octicon {
63
+ display: none;
64
+ }
65
+ }
66
+
67
+ .status-indicator-success {
68
+ // Override primer
69
+ &::before {
70
+ content: "";
71
+ }
72
+
73
+ .octicon-check {
74
+ display: inline-block;
75
+ // stylelint-disable-next-line primer/colors
76
+ color: $green;
77
+ fill: $green;
78
+ }
79
+
80
+ .octicon-x {
81
+ display: none;
82
+ }
83
+ }
84
+
85
+ .status-indicator-failed {
86
+ // Override primer
87
+ &::before {
88
+ content: "";
89
+ }
90
+
91
+ .octicon-check {
92
+ display: none;
93
+ }
94
+
95
+ .octicon-x {
96
+ display: inline-block;
97
+ color: $text-red;
98
+ fill: $red;
99
+ }
100
+ }
101
+
102
+ .status-indicator-loading {
103
+ width: 16px;
104
+ background-image: url("/images/spinners/octocat-spinner-32-EAF2F5.gif");
105
+ background-repeat: no-repeat;
106
+ background-position: 0 0;
107
+ background-size: 16px;
108
+ }
109
+
110
+ .inline-form {
111
+ display: inline-block;
112
+
113
+ .btn-plain {
114
+ background-color: transparent;
115
+ border: 0;
116
+ }
117
+ }
118
+
119
+ // Drag and drop
120
+ //
121
+ // Previously part of `_forms.scss` in Primer. Needs accounting for.
122
+
123
+ .drag-and-drop {
124
+ // stylelint-disable-next-line primer/spacing
125
+ padding: 7px 10px;
126
+ margin: 0;
127
+ // stylelint-disable-next-line primer/typography
128
+ font-size: 13px;
129
+ // stylelint-disable-next-line primer/typography
130
+ line-height: 16px;
131
+ color: $text-gray;
132
+ background-color: $bg-gray-light;
133
+ // stylelint-disable-next-line primer/borders
134
+ border: $border-width $border-style darken($gray-300, 5%);
135
+ border-top: 0;
136
+ border-bottom-right-radius: $border-radius;
137
+ border-bottom-left-radius: $border-radius;
138
+
139
+ .default,
140
+ .loading,
141
+ .error {
142
+ display: none;
143
+ }
144
+
145
+ .error {
146
+ color: $text-red;
147
+ }
148
+
149
+ // Spinner
150
+ img {
151
+ vertical-align: top;
152
+ }
153
+ }
154
+
155
+ .is-default .drag-and-drop .default {
156
+ display: inline-block;
157
+ }
158
+
159
+ .is-uploading .drag-and-drop .loading {
160
+ display: inline-block;
161
+ }
162
+
163
+ .is-bad-file .drag-and-drop .bad-file {
164
+ display: inline-block;
165
+ }
166
+
167
+ .is-duplicate-filename .drag-and-drop .duplicate-filename {
168
+ display: inline-block;
169
+ }
170
+
171
+ .is-too-big .drag-and-drop .too-big {
172
+ display: inline-block;
173
+ }
174
+
175
+ .is-hidden-file .drag-and-drop .hidden-file {
176
+ display: inline-block;
177
+ }
178
+
179
+ .is-empty .drag-and-drop .empty {
180
+ display: inline-block;
181
+ }
182
+
183
+ .is-bad-permissions .drag-and-drop .bad-permissions {
184
+ display: inline-block;
185
+ }
186
+
187
+ .is-repository-required .drag-and-drop .repository-required {
188
+ display: inline-block;
189
+ }
190
+
191
+ .drag-and-drop-error-info {
192
+ font-weight: $font-weight-normal;
193
+ color: $text-gray;
194
+
195
+ a {
196
+ color: $text-blue;
197
+ }
198
+ }
199
+
200
+ .is-failed .drag-and-drop .failed-request {
201
+ display: inline-block;
202
+ }
203
+
204
+ .manual-file-chooser {
205
+ position: absolute;
206
+ width: 240px;
207
+ // stylelint-disable-next-line primer/spacing
208
+ padding: 5px;
209
+ // stylelint-disable-next-line primer/spacing
210
+ margin-left: -80px;
211
+ cursor: pointer;
212
+ opacity: 0.0001;
213
+ }
214
+
215
+ .manual-file-chooser:hover + .manual-file-chooser-text {
216
+ text-decoration: underline;
217
+ }
218
+
219
+ .btn {
220
+ // align manual-file-chooser inside a button
221
+ .manual-file-chooser {
222
+ top: 0;
223
+ padding: 0;
224
+ // stylelint-disable-next-line primer/typography
225
+ line-height: 34px;
226
+ }
227
+ }
228
+
229
+ // Focused Textarea styles
230
+ .upload-enabled {
231
+ textarea {
232
+ display: block;
233
+ // stylelint-disable-next-line primer/borders
234
+ border-bottom: $border-width dashed lighten($gray-300, 5%);
235
+ border-bottom-right-radius: 0;
236
+ border-bottom-left-radius: 0;
237
+ }
238
+
239
+ &.focused {
240
+ border-radius: $border-radius;
241
+ box-shadow: $form-control-shadow, $btn-input-focus-shadow;
242
+
243
+ .form-control {
244
+ box-shadow: none;
245
+ }
246
+
247
+ .drag-and-drop {
248
+ // stylelint-disable-next-line primer/borders
249
+ border-color: lighten($blue-400, 8%);
250
+ }
251
+ }
252
+ }
253
+
254
+ // Dropping a file on top
255
+ .dragover textarea,
256
+ .dragover .drag-and-drop {
257
+ // stylelint-disable-next-line primer/box-shadow
258
+ box-shadow: rgba(#c9ff00, 1) 0 0 3px;
259
+ }
260
+
261
+ .write-content {
262
+ position: relative;
263
+ }
264
+
265
+ // Form style with a write and a preview tab
266
+ .previewable-comment-form {
267
+ position: relative;
268
+
269
+ .tabnav {
270
+ position: relative;
271
+ padding: $spacer-2 $spacer-2 0;
272
+ }
273
+
274
+ .comment {
275
+ // stylelint-disable-next-line primer/borders
276
+ border: $border-width $border-style darken($gray-300, 5%);
277
+ }
278
+
279
+ .comment-form-error {
280
+ margin-bottom: $spacer-2;
281
+ }
282
+
283
+ .write-content,
284
+ .preview-content {
285
+ display: none;
286
+ margin: 0 $spacer-2 $spacer-2;
287
+ }
288
+
289
+ &.write-selected .write-content,
290
+ &.preview-selected .preview-content {
291
+ display: block;
292
+ }
293
+
294
+ textarea {
295
+ display: block;
296
+ width: 100%;
297
+ min-height: 100px;
298
+ max-height: 500px;
299
+ padding: $spacer-2;
300
+ resize: vertical;
301
+ }
302
+ }
303
+
304
+ // Used in our boxed-group-less form styles. Give the sumbit button enough space
305
+ // to breathe without the need for the extra hr.
306
+ .form-action-spacious {
307
+ // stylelint-disable-next-line primer/spacing
308
+ margin-top: 10px;
309
+ }
310
+
311
+ // A two column form, with a .main and a .sidebar column
312
+ //
313
+ // Override some `.timeline-comment-wrapper` defaults.
314
+ // The `div` is needed to be more specific than the other class.
315
+ div.composer {
316
+ margin-top: 0;
317
+ border: 0;
318
+ }
319
+
320
+ // Override the previewable comment form defaults
321
+ .composer .comment-form-textarea {
322
+ height: 200px;
323
+ min-height: 200px;
324
+ }
325
+
326
+ // stylelint-disable-next-line primer/spacing
327
+ .composer .tabnav {
328
+ margin: 0 0 10px;
329
+ }
330
+
331
+ // Misc CSS
332
+ //
333
+ // Previously part of `_forms.scss` in Primer. Needs accounting for.
334
+
335
+ h2.account {
336
+ // stylelint-disable-next-line primer/spacing
337
+ margin: 15px 0 0;
338
+ // stylelint-disable-next-line primer/typography
339
+ font-size: 18px;
340
+ font-weight: $font-weight-normal;
341
+ color: $text-gray;
342
+ }
343
+
344
+ p.explain {
345
+ position: relative;
346
+ font-size: $font-size-small;
347
+ color: $text-gray;
348
+
349
+ strong {
350
+ color: $text-gray-dark;
351
+ }
352
+
353
+ .octicon {
354
+ // stylelint-disable-next-line primer/spacing
355
+ margin-right: 5px;
356
+ // stylelint-disable-next-line primer/colors
357
+ color: $gray-400;
358
+ }
359
+
360
+ .minibutton {
361
+ top: -4px;
362
+ float: right;
363
+ }
364
+ }
365
+
366
+ // fix for chrome bug, see https://github.com/github/github/issues/53931
367
+ .form-group label {
368
+ position: static;
369
+ }