truesight-rtd-theme 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (169) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE +21 -0
  3. data/README.md +100 -0
  4. data/_includes/README.md +9 -0
  5. data/_includes/common/assets/data.liquid +3 -0
  6. data/_includes/common/assets/robots.liquid +4 -0
  7. data/_includes/common/assets/sitemap.liquid +12 -0
  8. data/_includes/common/assets/sw.caches.js +39 -0
  9. data/_includes/common/core/_list.liquid +15 -0
  10. data/_includes/common/core/list.liquid +10 -0
  11. data/_includes/common/google_adsense.liquid +3 -0
  12. data/_includes/common/google_gtag.liquid +11 -0
  13. data/_includes/common/links.liquid +26 -0
  14. data/_includes/common/mathjax.liquid +6 -0
  15. data/_includes/common/mermaid.liquid +10 -0
  16. data/_includes/common/metadata.liquid +12 -0
  17. data/_includes/common/opengraph.liquid +8 -0
  18. data/_includes/common/rest/content.liquid +6 -0
  19. data/_includes/common/rest/defaults.liquid +7 -0
  20. data/_includes/common/rest/description.liquid +6 -0
  21. data/_includes/common/rest/i18n.liquid +1 -0
  22. data/_includes/common/rest/nav.liquid +20 -0
  23. data/_includes/common/rest/site_pages.liquid +8 -0
  24. data/_includes/common/rest/tabs.liquid +2 -0
  25. data/_includes/common/rest/title.liquid +18 -0
  26. data/_includes/common/rest/variables.liquid +41 -0
  27. data/_includes/common/rest/workdir.liquid +19 -0
  28. data/_includes/common/schema.liquid +27 -0
  29. data/_includes/common/script.liquid +11 -0
  30. data/_includes/common/title.liquid +1 -0
  31. data/_includes/common/twitter_cards.liquid +6 -0
  32. data/_includes/extra/body.html +0 -0
  33. data/_includes/extra/head.html +0 -0
  34. data/_includes/extra/script.js +0 -0
  35. data/_includes/extra/styles.scss +0 -0
  36. data/_includes/list.liquid +1 -0
  37. data/_includes/rest/defaults.liquid +2 -0
  38. data/_includes/rest/script.liquid +7 -0
  39. data/_includes/rest/styles.liquid +5 -0
  40. data/_includes/shortcodes/danger.liquid +9 -0
  41. data/_includes/shortcodes/mermaid.liquid +3 -0
  42. data/_includes/shortcodes/note.liquid +9 -0
  43. data/_includes/shortcodes/tip.liquid +9 -0
  44. data/_includes/shortcodes/warning.liquid +9 -0
  45. data/_includes/templates/_toctree.liquid +41 -0
  46. data/_includes/templates/addons.liquid +43 -0
  47. data/_includes/templates/breadcrumbs.liquid +33 -0
  48. data/_includes/templates/content.liquid +20 -0
  49. data/_includes/templates/footer.liquid +54 -0
  50. data/_includes/templates/sidebar.liquid +18 -0
  51. data/_includes/templates/toctree.liquid +23 -0
  52. data/_layouts/default.liquid +32 -0
  53. data/_layouts/tasks/compress.liquid +21 -0
  54. data/_layouts/tasks/shortcodes.liquid +33 -0
  55. data/_sass/_direction.scss +107 -0
  56. data/_sass/_font-face.scss +66 -0
  57. data/_sass/_layout.scss +76 -0
  58. data/_sass/_rest.scss +26 -0
  59. data/_sass/_root.scss +9 -0
  60. data/_sass/_variables.scss +34 -0
  61. data/_sass/core/addons.scss +39 -0
  62. data/_sass/core/container.scss +11 -0
  63. data/_sass/core/content.scss +4 -0
  64. data/_sass/core/header.scss +10 -0
  65. data/_sass/core/markdown.scss +113 -0
  66. data/_sass/core/sidebar.scss +100 -0
  67. data/_sass/core/title.scss +12 -0
  68. data/_sass/core/toasts.scss +53 -0
  69. data/_sass/lib/@primer/css/base/README.md +24 -0
  70. data/_sass/lib/@primer/css/base/base.scss +90 -0
  71. data/_sass/lib/@primer/css/base/index.scss +6 -0
  72. data/_sass/lib/@primer/css/base/kbd.scss +21 -0
  73. data/_sass/lib/@primer/css/base/normalize.scss +424 -0
  74. data/_sass/lib/@primer/css/base/typography-base.scss +100 -0
  75. data/_sass/lib/@primer/css/breadcrumb/README.md +24 -0
  76. data/_sass/lib/@primer/css/breadcrumb/breadcrumb.scss +28 -0
  77. data/_sass/lib/@primer/css/breadcrumb/index.scss +3 -0
  78. data/_sass/lib/@primer/css/buttons/README.md +24 -0
  79. data/_sass/lib/@primer/css/buttons/button-group.scss +91 -0
  80. data/_sass/lib/@primer/css/buttons/button.scss +296 -0
  81. data/_sass/lib/@primer/css/buttons/index.scss +4 -0
  82. data/_sass/lib/@primer/css/buttons/misc.scss +205 -0
  83. data/_sass/lib/@primer/css/forms/README.md +24 -0
  84. data/_sass/lib/@primer/css/forms/form-control.scss +281 -0
  85. data/_sass/lib/@primer/css/forms/form-group.scss +279 -0
  86. data/_sass/lib/@primer/css/forms/form-select.scss +38 -0
  87. data/_sass/lib/@primer/css/forms/form-validation.scss +369 -0
  88. data/_sass/lib/@primer/css/forms/index.scss +7 -0
  89. data/_sass/lib/@primer/css/forms/input-group.scss +53 -0
  90. data/_sass/lib/@primer/css/forms/radio-group.scss +43 -0
  91. data/_sass/lib/@primer/css/loaders/README.md +24 -0
  92. data/_sass/lib/@primer/css/loaders/index.scss +2 -0
  93. data/_sass/lib/@primer/css/loaders/loaders.scss +21 -0
  94. data/_sass/lib/@primer/css/markdown/README.md +24 -0
  95. data/_sass/lib/@primer/css/markdown/blob-csv.scss +31 -0
  96. data/_sass/lib/@primer/css/markdown/code.scss +73 -0
  97. data/_sass/lib/@primer/css/markdown/headings.scss +72 -0
  98. data/_sass/lib/@primer/css/markdown/images.scss +131 -0
  99. data/_sass/lib/@primer/css/markdown/index.scss +8 -0
  100. data/_sass/lib/@primer/css/markdown/lists.scss +77 -0
  101. data/_sass/lib/@primer/css/markdown/markdown-body.scss +99 -0
  102. data/_sass/lib/@primer/css/markdown/tables.scss +38 -0
  103. data/_sass/lib/@primer/css/support/README.md +24 -0
  104. data/_sass/lib/@primer/css/support/index.scss +11 -0
  105. data/_sass/lib/@primer/css/support/mixins/buttons.scss +184 -0
  106. data/_sass/lib/@primer/css/support/mixins/layout.scss +55 -0
  107. data/_sass/lib/@primer/css/support/mixins/misc.scss +32 -0
  108. data/_sass/lib/@primer/css/support/mixins/typography.scss +88 -0
  109. data/_sass/lib/@primer/css/support/variables/color-system.scss +243 -0
  110. data/_sass/lib/@primer/css/support/variables/colors.scss +55 -0
  111. data/_sass/lib/@primer/css/support/variables/layout.scss +149 -0
  112. data/_sass/lib/@primer/css/support/variables/misc.scss +43 -0
  113. data/_sass/lib/@primer/css/support/variables/typography.scss +43 -0
  114. data/_sass/lib/@primer/css/utilities/README.md +24 -0
  115. data/_sass/lib/@primer/css/utilities/animations.scss +187 -0
  116. data/_sass/lib/@primer/css/utilities/borders.scss +187 -0
  117. data/_sass/lib/@primer/css/utilities/box-shadow.scss +25 -0
  118. data/_sass/lib/@primer/css/utilities/colors.scss +185 -0
  119. data/_sass/lib/@primer/css/utilities/details.scss +34 -0
  120. data/_sass/lib/@primer/css/utilities/flexbox.scss +124 -0
  121. data/_sass/lib/@primer/css/utilities/index.scss +14 -0
  122. data/_sass/lib/@primer/css/utilities/layout.scss +151 -0
  123. data/_sass/lib/@primer/css/utilities/margin.scss +68 -0
  124. data/_sass/lib/@primer/css/utilities/padding.scss +59 -0
  125. data/_sass/lib/@primer/css/utilities/typography.scss +325 -0
  126. data/_sass/lib/@primer/css/utilities/visibility-display.scss +82 -0
  127. data/_sass/lib/font-awesome/_icons.scss +2139 -0
  128. data/_sass/lib/font-awesome/_variables.scss +799 -0
  129. data/_sass/lib/material-design-lite/_color-definitions.scss +378 -0
  130. data/_sass/lib/material-design-lite/_functions.scss +19 -0
  131. data/_sass/lib/material-design-lite/_mixins.scss +301 -0
  132. data/_sass/lib/material-design-lite/_variables.scss +612 -0
  133. data/_sass/lib/rouge/github.scss +214 -0
  134. data/_sass/theme.scss +37 -0
  135. data/assets/404.liquid +9 -0
  136. data/assets/css/fonts/Roboto-Slab-Bold.woff +0 -0
  137. data/assets/css/fonts/Roboto-Slab-Bold.woff2 +0 -0
  138. data/assets/css/fonts/Roboto-Slab-Regular.woff +0 -0
  139. data/assets/css/fonts/Roboto-Slab-Regular.woff2 +0 -0
  140. data/assets/css/fonts/fontawesome-webfont.eot +0 -0
  141. data/assets/css/fonts/fontawesome-webfont.svg +2671 -0
  142. data/assets/css/fonts/fontawesome-webfont.ttf +0 -0
  143. data/assets/css/fonts/fontawesome-webfont.woff +0 -0
  144. data/assets/css/fonts/fontawesome-webfont.woff2 +0 -0
  145. data/assets/css/fonts/lato-bold-italic.woff +0 -0
  146. data/assets/css/fonts/lato-bold-italic.woff2 +0 -0
  147. data/assets/css/fonts/lato-bold.woff +0 -0
  148. data/assets/css/fonts/lato-bold.woff2 +0 -0
  149. data/assets/css/fonts/lato-normal-italic.woff +0 -0
  150. data/assets/css/fonts/lato-normal-italic.woff2 +0 -0
  151. data/assets/css/fonts/lato-normal.woff +0 -0
  152. data/assets/css/fonts/lato-normal.woff2 +0 -0
  153. data/assets/css/theme.min.css +1 -0
  154. data/assets/css/theme.scss +4 -0
  155. data/assets/data.liquid +6 -0
  156. data/assets/images/apple-touch-icon-300x300.jpg +0 -0
  157. data/assets/images/favicon-16x16.png +0 -0
  158. data/assets/images/favicon-32x32.png +0 -0
  159. data/assets/images/favicon-96x96.png +0 -0
  160. data/assets/images/favicon.liquid +13 -0
  161. data/assets/js/jquery.min.js +2 -0
  162. data/assets/js/mermaid.min.js +31 -0
  163. data/assets/js/theme.js +287 -0
  164. data/assets/js/theme.min.js +1 -0
  165. data/assets/robots.liquid +6 -0
  166. data/assets/search.liquid +12 -0
  167. data/assets/sitemap.liquid +6 -0
  168. data/assets/sw.caches.liquid +8 -0
  169. metadata +224 -0
data/_sass/lib/@primer/css/buttons/button.scss ADDED
@@ -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
+ }
data/_sass/lib/@primer/css/buttons/index.scss ADDED
@@ -0,0 +1,4 @@
1
+ @import "../support/index.scss";
2
+ @import "./button.scss";
3
+ @import "./button-group.scss";
4
+ @import "./misc.scss";
data/_sass/lib/@primer/css/buttons/misc.scss ADDED
@@ -0,0 +1,205 @@
1
+ // stylelint-disable selector-max-type
2
+
3
+ // Link-like buttons
4
+ //
5
+ // This class is for styling <button> and <input> elements to look like links
6
+ .btn-link {
7
+ display: inline-block;
8
+ padding: 0;
9
+ font-size: inherit;
10
+ color: $text-blue;
11
+ text-decoration: none;
12
+ white-space: nowrap;
13
+ cursor: pointer;
14
+ user-select: none;
15
+ background-color: transparent;
16
+ border: 0;
17
+ appearance: none; // Corrects inability to style clickable `input` types in iOS.
18
+
19
+ &:hover {
20
+ text-decoration: underline;
21
+ }
22
+
23
+ &:disabled,
24
+ &[aria-disabled="true"] {
25
+ &,
26
+ &:hover {
27
+ // stylelint-disable-next-line primer/colors
28
+ color: rgba($gray-600, 0.5);
29
+ cursor: default;
30
+ }
31
+ }
32
+ }
33
+
34
+ // Invisible button
35
+ //
36
+ // Typically used as a "cancel" button next to a .btn
37
+ .btn-invisible {
38
+ color: $text-blue;
39
+ background-color: transparent; // Reset default gradient backgrounds and colors
40
+ border: 0;
41
+ border-radius: 0;
42
+ box-shadow: none;
43
+
44
+ &:hover,
45
+ &:active,
46
+ &:focus,
47
+ &.selected,
48
+ &[aria-selected="true"],
49
+ &.zeroclipboard-is-hover,
50
+ &.zeroclipboard-is-active {
51
+ color: $text-blue;
52
+ background: none;
53
+ outline: none;
54
+ box-shadow: none;
55
+ }
56
+ }
57
+
58
+ // Octicon button
59
+ //
60
+ // Icon-only buttons
61
+ .btn-octicon {
62
+ display: inline-block;
63
+ // stylelint-disable-next-line primer/spacing
64
+ padding: 5px;
65
+ // stylelint-disable-next-line primer/spacing
66
+ margin-left: 5px;
67
+ line-height: $lh-condensed-ultra;
68
+ color: $text-gray;
69
+ vertical-align: middle;
70
+
71
+ // For `<button>` elements
72
+ background: transparent;
73
+ border: 0;
74
+
75
+ &:hover {
76
+ color: $text-blue;
77
+ }
78
+
79
+ &.disabled,
80
+ &[aria-disabled="true"] {
81
+ // stylelint-disable-next-line primer/colors
82
+ color: $gray-400;
83
+ cursor: default;
84
+
85
+ // stylelint-disable-next-line primer/colors
86
+ &:hover {
87
+ color: $gray-400;
88
+ }
89
+ }
90
+ }
91
+
92
+ .btn-octicon-danger:hover {
93
+ color: $text-red;
94
+ }
95
+
96
+ // Close button
97
+ //
98
+ // Typically used with an octicon-x
99
+ .close-button {
100
+ padding: 0;
101
+ background: transparent;
102
+ border: 0;
103
+ outline: none;
104
+ }
105
+
106
+ // Hidden text button
107
+ //
108
+ // Use `.hidden-text-expander` to indicate and expand hidden text.
109
+ .hidden-text-expander {
110
+ display: block;
111
+
112
+ &.inline {
113
+ position: relative;
114
+ top: -1px;
115
+ display: inline-block;
116
+ // stylelint-disable-next-line primer/spacing
117
+ margin-left: 5px;
118
+ line-height: 0;
119
+ }
120
+ }
121
+
122
+ .hidden-text-expander a,
123
+ .ellipsis-expander {
124
+ display: inline-block;
125
+ height: 12px;
126
+ // stylelint-disable-next-line primer/spacing
127
+ padding: 0 5px 5px;
128
+ font-size: $font-size-small;
129
+ font-weight: $font-weight-bold;
130
+ // stylelint-disable-next-line primer/typography
131
+ line-height: 6px;
132
+ // stylelint-disable-next-line primer/colors
133
+ color: $gray-700;
134
+ text-decoration: none;
135
+ vertical-align: middle;
136
+ // stylelint-disable-next-line primer/colors
137
+ background: lighten($gray-300, 5%);
138
+ border: 0;
139
+ // stylelint-disable-next-line primer/borders
140
+ border-radius: 1px;
141
+
142
+ &:hover {
143
+ text-decoration: none;
144
+ // stylelint-disable-next-line primer/colors
145
+ background-color: darken($gray-300, 4%);
146
+ }
147
+
148
+ &:active {
149
+ color: $text-white;
150
+ // stylelint-disable-next-line primer/colors
151
+ background-color: $blue-400;
152
+ }
153
+ }
154
+
155
+ // Social button count
156
+ // TODO: Deprecate? Use BtnGroup instead?
157
+
158
+ .btn-with-count {
159
+ float: left;
160
+ border-top-right-radius: 0;
161
+ border-bottom-right-radius: 0;
162
+
163
+ &:focus {
164
+ z-index: 1;
165
+ }
166
+ }
167
+
168
+ // Social count bubble
169
+ //
170
+ // A container that is used for social bubbles counts.
171
+
172
+ .social-count {
173
+ position: relative;
174
+ float: left;
175
+ // stylelint-disable-next-line primer/spacing
176
+ padding: 3px 12px;
177
+ font-size: $font-size-small;
178
+ font-weight: $font-weight-bold;
179
+ // stylelint-disable-next-line primer/typography
180
+ line-height: 20px;
181
+ color: $text-gray-dark;
182
+ vertical-align: middle;
183
+ background-color: $bg-white;
184
+ border: $border-width $border-style $border-color-button;
185
+ border-left: 0;
186
+ border-top-right-radius: $border-radius;
187
+ border-bottom-right-radius: $border-radius;
188
+ box-shadow: $box-shadow, $box-shadow-highlight;
189
+
190
+ &:hover,
191
+ &:active {
192
+ text-decoration: none;
193
+ }
194
+
195
+ &:hover {
196
+ color: $text-blue;
197
+ cursor: pointer;
198
+ }
199
+
200
+ &:focus {
201
+ z-index: 1;
202
+ outline: 0;
203
+ box-shadow: $box-shadow-focus;
204
+ }
205
+ }
data/_sass/lib/@primer/css/forms/README.md ADDED
@@ -0,0 +1,24 @@
1
+ ---
2
+ bundle: "forms"
3
+ generated: true
4
+ ---
5
+
6
+ # Primer CSS: `forms` bundle
7
+
8
+ ## Usage
9
+
10
+ Primer CSS source files are written in [SCSS]. To include this Primer CSS module in your own build, ensure that your `node_modules` directory is listed in your Sass include paths, then import it with:
11
+
12
+ ```scss
13
+ @import "@primer/css/forms/index.scss";
14
+ ```
15
+
16
+ ## Build
17
+
18
+ The `@primer/css` npm package includes a standalone CSS build of this module in `dist/forms.css`.
19
+
20
+ ## License
21
+
22
+ [MIT](https://github.com/primer/css/blob/master/LICENSE) &copy; [GitHub](https://github.com/)
23
+
24
+ [scss]: https://sass-lang.com/documentation/syntax#scss