jekyll-rtd-theme 1.1.5 → 2.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (159) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +48 -29
  3. data/_includes/addons/analytics.liquid +5 -12
  4. data/_includes/addons/github.liquid +19 -4
  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} +4 -7
  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 +4 -4
  13. data/_includes/extend/toctree.liquid +12 -17
  14. data/_includes/head/custom.liquid +19 -0
  15. data/_includes/head/links.liquid +16 -0
  16. data/_includes/head/metadata.liquid +21 -0
  17. data/_includes/head/script.extension.liquid +29 -0
  18. data/_includes/head/script.liquid +16 -0
  19. data/_includes/head/script.schema.liquid +27 -0
  20. data/_includes/head/title.liquid +1 -0
  21. data/_includes/list.liquid +2 -2
  22. data/_includes/rest/defaults.liquid +69 -0
  23. data/_includes/rest/i18n.liquid +1 -0
  24. data/_includes/{reset → rest}/site_pages.liquid +0 -0
  25. data/_includes/{extend → rest}/tabs.liquid +0 -0
  26. data/_includes/{reset → rest}/workdir.liquid +1 -15
  27. data/_includes/shortcodes/danger.liquid +9 -0
  28. data/_includes/shortcodes/mermaid.liquid +1 -0
  29. data/_includes/shortcodes/note.liquid +9 -0
  30. data/_includes/shortcodes/tip.liquid +9 -0
  31. data/_includes/shortcodes/warning.liquid +9 -0
  32. data/_layouts/default.liquid +22 -240
  33. data/_layouts/plugins/compress.liquid +13 -10
  34. data/_layouts/plugins/extension.liquid +32 -22
  35. data/_sass/@primer/base/base.scss +90 -0
  36. data/_sass/@primer/base/index.scss +6 -0
  37. data/_sass/@primer/base/kbd.scss +21 -0
  38. data/_sass/@primer/base/normalize.scss +423 -0
  39. data/_sass/@primer/base/typography-base.scss +100 -0
  40. data/_sass/@primer/breadcrumb/breadcrumb.scss +28 -0
  41. data/_sass/@primer/breadcrumb/index.scss +3 -0
  42. data/_sass/@primer/buttons/button-group.scss +91 -0
  43. data/_sass/@primer/buttons/button.scss +296 -0
  44. data/_sass/@primer/buttons/index.scss +4 -0
  45. data/_sass/@primer/buttons/misc.scss +205 -0
  46. data/_sass/@primer/forms/form-control.scss +278 -0
  47. data/_sass/@primer/forms/form-group.scss +279 -0
  48. data/_sass/@primer/forms/form-select.scss +38 -0
  49. data/_sass/@primer/forms/form-validation.scss +369 -0
  50. data/_sass/@primer/forms/index.scss +7 -0
  51. data/_sass/@primer/forms/input-group.scss +53 -0
  52. data/_sass/@primer/forms/radio-group.scss +43 -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 +65 -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 +63 -0
  96. data/_sass/class/sidebar-wrap.scss +92 -0
  97. data/_sass/class/title.scss +12 -0
  98. data/_sass/theme.scss +30 -0
  99. data/assets/404.liquid +3 -3
  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 +290 -1
  104. data/assets/js/theme.min.js +1 -0
  105. data/assets/pages.liquid +1 -1
  106. data/assets/search.liquid +5 -21
  107. data/assets/sitemap.liquid +1 -1
  108. data/assets/sw.caches.liquid +1 -1
  109. metadata +94 -57
  110. data/_includes/addons.liquid +0 -24
  111. data/_includes/addons/i18n.liquid +0 -13
  112. data/_includes/addons/plugins.liquid +0 -6
  113. data/_includes/album.liquid +0 -7
  114. data/_includes/assets/common.js +0 -94
  115. data/_includes/assets/search.js +0 -76
  116. data/_includes/breadcrumbs.liquid +0 -43
  117. data/_includes/footer.liquid +0 -37
  118. data/_includes/i18n/en.liquid +0 -29
  119. data/_includes/i18n/es.liquid +0 -29
  120. data/_includes/i18n/fr.liquid +0 -29
  121. data/_includes/i18n/it.liquid +0 -29
  122. data/_includes/i18n/ja.liquid +0 -29
  123. data/_includes/i18n/ko.liquid +0 -29
  124. data/_includes/i18n/ru.liquid +0 -29
  125. data/_includes/i18n/sv.liquid +0 -29
  126. data/_includes/i18n/zh-cn.liquid +0 -29
  127. data/_includes/reset/defaults.liquid +0 -86
  128. data/_includes/reset/i18n.liquid +0 -31
  129. data/_includes/reset/languages.liquid +0 -110
  130. data/_sass/_album.scss +0 -19
  131. data/_sass/_embed.scss +0 -23
  132. data/_sass/fluid.scss +0 -7
  133. data/_sass/jekyll-rtd-theme.scss +0 -128
  134. data/assets/css/rougify/base16.css +0 -1
  135. data/assets/css/rougify/base16.dark.css +0 -1
  136. data/assets/css/rougify/base16.light.css +0 -1
  137. data/assets/css/rougify/base16.monokai.css +0 -1
  138. data/assets/css/rougify/base16.monokai.dark.css +0 -1
  139. data/assets/css/rougify/base16.monokai.light.css +0 -1
  140. data/assets/css/rougify/base16.solarized.css +0 -1
  141. data/assets/css/rougify/base16.solarized.dark.css +0 -1
  142. data/assets/css/rougify/base16.solarized.light.css +0 -1
  143. data/assets/css/rougify/bw.css +0 -1
  144. data/assets/css/rougify/colorful.css +0 -1
  145. data/assets/css/rougify/github.css +0 -1
  146. data/assets/css/rougify/gruvbox.css +0 -1
  147. data/assets/css/rougify/gruvbox.dark.css +0 -1
  148. data/assets/css/rougify/gruvbox.light.css +0 -1
  149. data/assets/css/rougify/igorpro.css +0 -1
  150. data/assets/css/rougify/magritte.css +0 -1
  151. data/assets/css/rougify/molokai.css +0 -1
  152. data/assets/css/rougify/monokai.css +0 -1
  153. data/assets/css/rougify/monokai.sublime.css +0 -1
  154. data/assets/css/rougify/pastie.css +0 -1
  155. data/assets/css/rougify/thankful_eyes.css +0 -1
  156. data/assets/css/rougify/tulip.css +0 -1
  157. data/assets/css/theme.css +0 -4
  158. data/assets/js/anchor.min.js +0 -9
  159. data/assets/js/html5shiv.min.js +0 -4
@@ -0,0 +1,100 @@
1
+ // Headings
2
+ // --------------------------------------------------
3
+ // stylelint-disable selector-max-type
4
+ h1,
5
+ h2,
6
+ h3,
7
+ h4,
8
+ h5,
9
+ h6 {
10
+ margin-top: 0;
11
+ margin-bottom: 0;
12
+ }
13
+
14
+ h1 {
15
+ @include h1;
16
+ }
17
+ h2 {
18
+ @include h2;
19
+ }
20
+ h3 {
21
+ @include h3;
22
+ }
23
+ h4 {
24
+ @include h4;
25
+ }
26
+ h5 {
27
+ @include h5;
28
+ }
29
+ h6 {
30
+ @include h6;
31
+ }
32
+
33
+ // Body text
34
+ // --------------------------------------------------
35
+
36
+ p {
37
+ margin-top: 0;
38
+ // stylelint-disable-next-line primer/spacing
39
+ margin-bottom: 10px;
40
+ }
41
+
42
+ small {
43
+ // stylelint-disable-next-line primer/typography
44
+ font-size: 90%;
45
+ }
46
+
47
+ blockquote {
48
+ margin: 0;
49
+ }
50
+
51
+ // Lists
52
+ // --------------------------------------------------
53
+
54
+ ul,
55
+ ol {
56
+ padding-left: 0;
57
+ margin-top: 0;
58
+ margin-bottom: 0;
59
+ }
60
+
61
+ ol ol,
62
+ ul ol {
63
+ list-style-type: lower-roman;
64
+ }
65
+
66
+ ul ul ol,
67
+ ul ol ol,
68
+ ol ul ol,
69
+ ol ol ol {
70
+ list-style-type: lower-alpha;
71
+ }
72
+
73
+ dd {
74
+ margin-left: 0;
75
+ }
76
+
77
+ // Code
78
+ // --------------------------------------------------
79
+
80
+ tt,
81
+ code {
82
+ font-family: $mono-font;
83
+ font-size: $font-size-small;
84
+ }
85
+
86
+ pre {
87
+ margin-top: 0;
88
+ margin-bottom: 0;
89
+ font-family: $mono-font;
90
+ font-size: $font-size-small;
91
+ }
92
+
93
+ // Octicons
94
+ // --------------------------------------------------
95
+
96
+ // Move this over here as a temporary override to the octicons source repo
97
+ // instead of updating that upstream.
98
+ .octicon {
99
+ vertical-align: text-bottom;
100
+ }
@@ -0,0 +1,28 @@
1
+ .breadcrumb-item {
2
+ display: inline-block;
3
+ // stylelint-disable-next-line primer/spacing
4
+ margin-left: -0.35em;
5
+ white-space: nowrap;
6
+ list-style: none;
7
+
8
+ &::after {
9
+ padding-right: $em-spacer-5;
10
+ padding-left: $em-spacer-5;
11
+ // stylelint-disable-next-line primer/colors
12
+ color: $border-gray;
13
+ content: "/";
14
+ }
15
+
16
+ &:first-child {
17
+ margin-left: 0;
18
+ }
19
+ }
20
+
21
+ .breadcrumb-item-selected,
22
+ .breadcrumb-item[aria-current]:not([aria-current="false"]) {
23
+ color: $text-gray;
24
+
25
+ &::after {
26
+ content: none;
27
+ }
28
+ }
@@ -0,0 +1,3 @@
1
+ // support files
2
+ @import "../support/index.scss";
3
+ @import "./breadcrumb.scss";
@@ -0,0 +1,91 @@
1
+ // Button group
2
+ //
3
+ // A button group is a series of buttons laid out next to each other, all part
4
+ // of one visual button, but separated by rules to be separate.
5
+
6
+ .BtnGroup {
7
+ display: inline-block;
8
+ vertical-align: middle;
9
+ @include clearfix();
10
+
11
+ // Proper spacing for multiple button groups (a la, gollum editor)
12
+ + .BtnGroup,
13
+ + .btn {
14
+ margin-left: $spacer-1;
15
+ }
16
+ }
17
+
18
+ .BtnGroup-item {
19
+ position: relative;
20
+ float: left;
21
+ border-right-width: 0;
22
+ border-radius: 0;
23
+
24
+ &:first-child {
25
+ border-top-left-radius: $border-radius;
26
+ border-bottom-left-radius: $border-radius;
27
+ }
28
+
29
+ &:last-child {
30
+ border-right-width: $border-width;
31
+ border-top-right-radius: $border-radius;
32
+ border-bottom-right-radius: $border-radius;
33
+ }
34
+
35
+ &.selected,
36
+ &[aria-selected="true"],
37
+ &:focus,
38
+ &:active,
39
+ &:hover {
40
+ border-right-width: $border-width;
41
+
42
+ + .BtnGroup-item,
43
+ + .BtnGroup-parent .BtnGroup-item {
44
+ border-left-width: 0;
45
+ }
46
+ }
47
+ }
48
+
49
+ .BtnGroup-parent {
50
+ float: left;
51
+
52
+ &:first-child .BtnGroup-item {
53
+ border-top-left-radius: $border-radius;
54
+ border-bottom-left-radius: $border-radius;
55
+ }
56
+
57
+ &:last-child .BtnGroup-item {
58
+ border-right-width: $border-width;
59
+ border-top-right-radius: $border-radius;
60
+ border-bottom-right-radius: $border-radius;
61
+ }
62
+
63
+ .BtnGroup-item {
64
+ border-right-width: 0;
65
+ border-radius: 0;
66
+ }
67
+
68
+ &.selected,
69
+ &[aria-selected="true"],
70
+ &:focus,
71
+ &:active,
72
+ &:hover {
73
+ .BtnGroup-item {
74
+ border-right-width: $border-width;
75
+ }
76
+
77
+ + .BtnGroup-item,
78
+ + .BtnGroup-parent .BtnGroup-item {
79
+ border-left-width: 0;
80
+ }
81
+ }
82
+ }
83
+
84
+ // ensure that the focus ring sits above the adjacent buttons
85
+ .BtnGroup-item,
86
+ .BtnGroup-parent {
87
+ &:focus,
88
+ &:active {
89
+ z-index: 1;
90
+ }
91
+ }
@@ -0,0 +1,296 @@
1
+ // stylelint-disable selector-max-type, block-opening-brace-space-before, no-duplicate-selectors
2
+
3
+ // Base button styles
4
+ .btn {
5
+ position: relative;
6
+ display: inline-block;
7
+ // stylelint-disable-next-line primer/spacing
8
+ padding: 5px $spacer-3;
9
+ font-size: $body-font-size;
10
+ font-weight: $font-weight-semibold;
11
+ // stylelint-disable-next-line primer/typography
12
+ line-height: 20px; // Specifically not inherit our `<body>` default
13
+ white-space: nowrap;
14
+ vertical-align: middle;
15
+ cursor: pointer;
16
+ user-select: none;
17
+ border: $border-width $border-style;
18
+ border-radius: $border-radius;
19
+ appearance: none; // Corrects inability to style clickable `input` types in iOS.
20
+
21
+ &:hover {
22
+ text-decoration: none;
23
+ }
24
+
25
+ &:disabled,
26
+ &.disabled,
27
+ &[aria-disabled="true"] {
28
+ cursor: default;
29
+
30
+ .octicon {
31
+ color: inherit;
32
+ }
33
+ }
34
+
35
+ i {
36
+ font-style: normal;
37
+ font-weight: $font-weight-semibold;
38
+ opacity: 0.75;
39
+ }
40
+
41
+ .octicon {
42
+ margin-right: $spacer-1;
43
+ color: $text-gray-light;
44
+ vertical-align: text-bottom;
45
+
46
+ &:only-child {
47
+ margin-right: 0;
48
+ }
49
+ }
50
+
51
+ .Counter {
52
+ // stylelint-disable-next-line primer/spacing
53
+ margin-left: 2px;
54
+ color: inherit;
55
+ text-shadow: none;
56
+ vertical-align: top;
57
+ // stylelint-disable-next-line primer/colors
58
+ background-color: rgba(
59
+ $black,
60
+ 0.08
61
+ ); // Darken for just a tad more contrast against the button background
62
+ }
63
+
64
+ .dropdown-caret {
65
+ margin-left: $spacer-1;
66
+ opacity: 0.8;
67
+ }
68
+ }
69
+
70
+ // Default button
71
+
72
+ .btn {
73
+ $bg-default: $bg-gray-light;
74
+ $bg-hover: #f3f4f6; // custom gray
75
+ $bg-active: darken($bg-hover, 2%);
76
+ $bg-disabled: $bg-default;
77
+
78
+ color: $text-gray-dark;
79
+ background-color: $bg-default;
80
+ border-color: $border-color-button;
81
+ box-shadow: $box-shadow, $box-shadow-highlight;
82
+ transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
83
+
84
+ &:hover,
85
+ &.hover,
86
+ [open] > & {
87
+ background-color: $bg-hover;
88
+ transition-duration: 0.1s;
89
+ }
90
+
91
+ &:active,
92
+ &.selected,
93
+ &[aria-selected="true"] {
94
+ background-color: $bg-active;
95
+ box-shadow: $box-shadow-inset;
96
+ transition: none;
97
+ }
98
+
99
+ &:disabled,
100
+ &.disabled,
101
+ &[aria-disabled="true"] {
102
+ // stylelint-disable-next-line primer/colors
103
+ color: $gray-400;
104
+ background-color: $bg-disabled;
105
+ border-color: $border-color-button;
106
+ }
107
+
108
+ // Keep :focus after :disabled. Allows to see the focus ring even on disabled buttons
109
+ &:focus,
110
+ &.focus {
111
+ outline: 1px dotted transparent; // Support Firfox custom colors
112
+ outline-offset: 2px;
113
+ box-shadow: $box-shadow-focus;
114
+ }
115
+ }
116
+
117
+ // Primary button
118
+
119
+ .btn-primary {
120
+ $bg-default: #2ea44f; // custom green
121
+ $bg-hover: #2c974b; // custom green
122
+ $bg-active: darken($bg-hover, 2%);
123
+ $bg-disabled: #94d3a2; // custom green
124
+
125
+ $shadow: $green-900;
126
+ $box-shadow: 0 1px 0 rgba($black, 0.1), inset 0 1px 0 rgba($white, 0.03);
127
+
128
+ color: $text-white;
129
+ background-color: $bg-default;
130
+ // stylelint-disable-next-line primer/borders
131
+ border-color: rgba($black, 0.15);
132
+ box-shadow: $box-shadow;
133
+
134
+ &:hover,
135
+ &.hover,
136
+ [open] > & {
137
+ background-color: $bg-hover;
138
+ }
139
+
140
+ &:active,
141
+ &.selected,
142
+ &[aria-selected="true"] {
143
+ background-color: $bg-active;
144
+ // stylelint-disable-next-line primer/box-shadow
145
+ box-shadow: inset 0 1px 0 rgba($shadow, 0.2);
146
+ }
147
+
148
+ &:disabled,
149
+ &.disabled,
150
+ &[aria-disabled="true"] {
151
+ // stylelint-disable-next-line primer/colors
152
+ color: rgba($text-white, 0.8);
153
+ background-color: $bg-disabled;
154
+ // stylelint-disable-next-line primer/borders
155
+ border-color: rgba($black, 0.1);
156
+ box-shadow: $box-shadow;
157
+ }
158
+
159
+ &:focus,
160
+ &.focus {
161
+ // stylelint-disable-next-line primer/box-shadow
162
+ box-shadow: 0 0 0 3px rgba($bg-default, 0.4);
163
+ }
164
+
165
+ .Counter {
166
+ color: inherit;
167
+ // stylelint-disable-next-line primer/colors
168
+ background-color: rgba($bg-white, 0.2);
169
+ }
170
+
171
+ .octicon {
172
+ // stylelint-disable-next-line primer/colors
173
+ color: rgba($text-white, 0.8);
174
+ }
175
+ }
176
+
177
+ // Mixin: btn-inverse-on-hover
178
+
179
+ @mixin btn-inverse-on-hover($color, $bg-hover, $bg-active, $shadow) {
180
+ color: $color;
181
+ transition: none;
182
+
183
+ &:hover,
184
+ [open] > & {
185
+ color: $text-white;
186
+ background-color: $bg-hover;
187
+ border-color: rgba($black, 0.15);
188
+ box-shadow: 0 1px 0 rgba($black, 0.1), inset 0 1px 0 rgba($white, 0.03);
189
+
190
+ .Counter {
191
+ background-color: rgba($bg-white, 0.2);
192
+ }
193
+
194
+ .octicon {
195
+ color: inherit;
196
+ }
197
+ }
198
+
199
+ &:active,
200
+ &.selected,
201
+ &[aria-selected="true"] {
202
+ color: $text-white;
203
+ background-color: $bg-active;
204
+ border-color: rgba($black, 0.15);
205
+ box-shadow: inset 0 1px 0 rgba($shadow, 0.2);
206
+ }
207
+
208
+ &:disabled,
209
+ &.disabled,
210
+ &[aria-disabled="true"] {
211
+ color: rgba($color, 0.5);
212
+ background-color: $bg-gray-light;
213
+ border-color: $border-color-button;
214
+ box-shadow: $box-shadow, $box-shadow-highlight;
215
+
216
+ .Counter {
217
+ background-color: rgba($color, 0.05);
218
+ }
219
+ }
220
+
221
+ &:focus {
222
+ box-shadow: 0 0 0 3px rgba($bg-hover, 0.4);
223
+ }
224
+
225
+ .Counter {
226
+ color: inherit;
227
+ background-color: rgba($color, 0.1);
228
+ }
229
+ }
230
+
231
+ // Danger button
232
+
233
+ .btn-danger {
234
+ @include btn-inverse-on-hover(
235
+ $color: $text-red,
236
+ $bg-hover: $red-600,
237
+ $bg-active: darken($red-600, 3%),
238
+ $shadow: $red-900
239
+ );
240
+ }
241
+
242
+ // Outline button
243
+
244
+ .btn-outline {
245
+ @include btn-inverse-on-hover(
246
+ $color: $blue-500,
247
+ $bg-hover: $blue-500,
248
+ $bg-active: darken($blue-500, 3%),
249
+ $shadow: $blue-900
250
+ );
251
+ }
252
+
253
+ // Solid buttons TODO: Deprecate?
254
+ //
255
+ //
256
+ .btn-blue {
257
+ @include btn-solid(
258
+ $text-white,
259
+ lighten($blue-500, 8%),
260
+ darken($blue-500, 2%)
261
+ );
262
+ }
263
+
264
+ // Sizes
265
+ //
266
+ // Tweak `line-height` to make them smaller.
267
+ .btn-sm {
268
+ // stylelint-disable-next-line primer/spacing
269
+ padding: 3px 12px;
270
+ font-size: $font-size-small;
271
+ // stylelint-disable-next-line primer/typography
272
+ line-height: 20px;
273
+
274
+ .octicon {
275
+ vertical-align: text-top;
276
+ }
277
+ }
278
+
279
+ // Large button adds more padding around text. Use font-size utils to increase font-size.. e.g, <p class="text-gamma"><button class="btn btn-large btn-primary" type="button">Big green button</button></p>
280
+ .btn-large {
281
+ padding: $em-spacer-6 1.5em;
282
+ font-size: inherit;
283
+ line-height: $lh-default;
284
+
285
+ // stylelint-disable-next-line primer/borders
286
+ border-radius: 0.5em;
287
+ }
288
+
289
+ // Full-width button
290
+ //
291
+ // These buttons expand to the full width of their parent container
292
+ .btn-block {
293
+ display: block;
294
+ width: 100%;
295
+ text-align: center;
296
+ }