jekyll-v4-theme-primer 0.12.0 → 0.13.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +18 -0
- data/_layouts/default.html +4 -2
- data/_sass/@primer/css/autocomplete/suggester.scss +11 -11
- data/_sass/@primer/css/avatars/avatar-parent-child.scss +2 -2
- data/_sass/@primer/css/avatars/circle-badge.scss +3 -3
- data/_sass/@primer/css/base/base.scss +5 -5
- data/_sass/@primer/css/base/kbd.scss +5 -5
- data/_sass/@primer/css/base/normalize.scss +2 -2
- data/_sass/@primer/css/box/box-overlay.scss +3 -3
- data/_sass/@primer/css/branch-name/branch-name.scss +6 -6
- data/_sass/@primer/css/buttons/button.scss +63 -63
- data/_sass/@primer/css/buttons/misc.scss +26 -26
- data/_sass/@primer/css/color-modes/native.scss +4 -2
- data/_sass/@primer/css/forms/form-control.scss +18 -18
- data/_sass/@primer/css/forms/form-group.scss +29 -29
- data/_sass/@primer/css/forms/form-select.scss +1 -1
- data/_sass/@primer/css/forms/input-group.scss +10 -0
- data/_sass/@primer/css/forms/radio-group.scss +6 -6
- data/_sass/@primer/css/header/header.scss +7 -7
- data/_sass/@primer/css/layout/app-frame.scss +7 -7
- data/_sass/@primer/css/layout/page-layout.scss +2 -6
- data/_sass/@primer/css/layout/stack.scss +1 -1
- data/_sass/@primer/css/markdown/blob-csv.scss +2 -2
- data/_sass/@primer/css/markdown/code.scss +3 -3
- data/_sass/@primer/css/markdown/footnotes.scss +3 -3
- data/_sass/@primer/css/markdown/headings.scss +4 -4
- data/_sass/@primer/css/markdown/images.scss +3 -3
- data/_sass/@primer/css/markdown/markdown-body.scss +4 -4
- data/_sass/@primer/css/markdown/tables.scss +4 -4
- data/_sass/@primer/css/marketing/buttons/button.scss +9 -10
- data/_sass/@primer/css/marketing/support/variables.scss +15 -0
- data/_sass/@primer/css/marketing/utilities/layout.scss +0 -1
- data/_sass/@primer/css/navigation/filter-list.scss +8 -8
- data/_sass/@primer/css/navigation/sidenav.scss +12 -12
- data/_sass/@primer/css/navigation/subnav.scss +9 -9
- data/_sass/@primer/css/pagination/pagination.scss +7 -7
- data/_sass/@primer/css/select-menu/select-menu.scss +41 -41
- data/_sass/@primer/css/support/mixins/color-modes.scss +89 -1
- data/_sass/@primer/css/support/mixins/misc.scss +8 -8
- data/_sass/@primer/css/support/variables/misc.scss +2 -2
- data/_sass/@primer/css/support/variables/typography.scss +1 -1
- data/_sass/@primer/css/toasts/toasts.scss +17 -17
- data/_sass/@primer/css/tooltips/tooltips.scss +9 -62
- data/_sass/@primer/css/utilities/borders.scss +1 -1
- data/_sass/@primer/css/utilities/box-shadow.scss +8 -4
- data/_sass/@primer/css/utilities/colors.scss +59 -60
- data/_sass/@primer/css/utilities/details.scss +1 -1
- data/_sass/@primer/css/utilities/flexbox.scss +0 -1
- data/_sass/@primer/css/utilities/layout.scss +7 -5
- data/_sass/@primer/css/utilities/margin.scss +0 -2
- data/_sass/@primer/css/utilities/padding.scss +0 -1
- data/_sass/@primer/css/utilities/typography.scss +8 -8
- data/_sass/@primer/primitives/dist/scss/base/size/size.scss +17 -0
- data/_sass/@primer/primitives/dist/scss/base/typography/typography.scss +4 -0
- data/_sass/@primer/primitives/dist/scss/colors/_dark.scss +29 -20
- data/_sass/@primer/primitives/dist/scss/colors/_dark_colorblind.scss +14 -5
- data/_sass/@primer/primitives/dist/scss/colors/_dark_dimmed.scss +14 -5
- data/_sass/@primer/primitives/dist/scss/colors/_dark_high_contrast.scss +12 -3
- data/_sass/@primer/primitives/dist/scss/colors/_dark_tritanopia.scss +14 -5
- data/_sass/@primer/primitives/dist/scss/colors/_light.scss +13 -4
- data/_sass/@primer/primitives/dist/scss/colors/_light_colorblind.scss +13 -4
- data/_sass/@primer/primitives/dist/scss/colors/_light_high_contrast.scss +13 -4
- data/_sass/@primer/primitives/dist/scss/colors/_light_tritanopia.scss +13 -4
- data/_sass/@primer/primitives/dist/scss/functional/motion/motion.scss +3 -0
- data/_sass/@primer/primitives/dist/scss/functional/size/border.scss +12 -0
- data/_sass/@primer/primitives/dist/scss/functional/size/breakpoints.scss +6 -0
- data/_sass/@primer/primitives/dist/scss/functional/size/size-coarse.scss +3 -0
- data/_sass/@primer/primitives/dist/scss/functional/size/size-fine.scss +3 -0
- data/_sass/@primer/primitives/dist/scss/functional/size/size.scss +72 -0
- data/_sass/@primer/primitives/dist/scss/functional/size/viewport.scss +6 -0
- data/_sass/@primer/primitives/dist/scss/functional/themes/dark-colorblind.scss +503 -0
- data/_sass/@primer/primitives/dist/scss/functional/themes/dark-dimmed.scss +503 -0
- data/_sass/@primer/primitives/dist/scss/functional/themes/dark-high-contrast.scss +503 -0
- data/_sass/@primer/primitives/dist/scss/functional/themes/dark-tritanopia.scss +503 -0
- data/_sass/@primer/primitives/dist/scss/functional/themes/dark.scss +503 -0
- data/_sass/@primer/primitives/dist/scss/functional/themes/light-colorblind.scss +503 -0
- data/_sass/@primer/primitives/dist/scss/functional/themes/light-high-contrast.scss +503 -0
- data/_sass/@primer/primitives/dist/scss/functional/themes/light-tritanopia.scss +503 -0
- data/_sass/@primer/primitives/dist/scss/functional/themes/light.scss +503 -0
- data/_sass/@primer/primitives/dist/scss/functional/typography/typography.scss +45 -0
- data/_sass/@primer/primitives/tokens-next-private/scss/base/size/size.scss +17 -21
- data/_sass/@primer/primitives/tokens-next-private/scss/base/typography/typography.scss +4 -8
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/motion/motion.scss +3 -0
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/size/border.scss +12 -16
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/size/breakpoints.scss +6 -10
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/size/size-coarse.scss +3 -7
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/size/size-fine.scss +3 -7
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/size/size.scss +72 -51
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/size/viewport.scss +6 -19
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/dark-colorblind.scss +503 -391
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/dark-dimmed.scss +503 -391
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +503 -391
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +503 -391
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/dark.scss +503 -391
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/light-colorblind.scss +503 -366
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/light-high-contrast.scss +503 -366
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/light-tritanopia.scss +503 -366
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/light.scss +503 -366
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/typography/typography.scss +45 -49
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/base/size/size.scss +2 -2
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/base/typography/typography.scss +2 -2
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/border.scss +2 -2
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +2 -2
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +2 -2
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +2 -2
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/size.scss +2 -2
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/viewport.scss +2 -2
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/typography/typography.scss +2 -2
- data/_sass/@primer/view-components/README.md +1 -1
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/action_bar_element.d.ts +17 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/action_menu/action_menu_element.d.ts +51 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/dropdown/menu.d.ts +1 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/dropdown.d.ts +1 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/image_crop.d.ts +1 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/modal_dialog.d.ts +18 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/segmented_control.d.ts +12 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/tab_container.d.ts +1 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/toggle_switch.d.ts +30 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/tool_tip.d.ts +27 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/x_banner.d.ts +13 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/anchored_position.d.ts +27 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/beta/auto_complete/auto_complete.d.ts +1 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/beta/clipboard_copy.d.ts +1 -0
- data/_sass/@primer/view-components/app/{components/primer/alpha → assets/javascripts/app/components/primer/beta}/nav_list.d.ts +0 -11
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/beta/nav_list_group_element.d.ts +19 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/beta/relative_time.d.ts +1 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/dialog_helper.d.ts +15 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/focus_group.d.ts +19 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/primer.d.ts +23 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/scrollable_region.d.ts +13 -0
- data/_sass/@primer/view-components/app/assets/javascripts/lib/primer/forms/primer_multi_input.d.ts +10 -0
- data/_sass/@primer/view-components/app/assets/javascripts/lib/primer/forms/primer_text_field.d.ts +1 -0
- data/_sass/@primer/view-components/app/assets/javascripts/lib/primer/forms/toggle_switch_input.d.ts +5 -0
- data/_sass/@primer/view-components/app/assets/javascripts/primer_view_components.js +1 -1
- data/_sass/@primer/view-components/app/assets/javascripts/primer_view_components.js.map +1 -1
- data/_sass/@primer/view-components/app/assets/styles/primer_view_components.css +1 -3
- data/_sass/@primer/view-components/app/assets/styles/primer_view_components.css.map +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/action_bar.css +1 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/action_bar.css.json +14 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/action_bar_element.d.ts +17 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/action_bar_element.js +180 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/action_list.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/action_list.css.json +21 -16
- data/_sass/@primer/view-components/app/components/primer/alpha/action_menu/action_menu_element.d.ts +26 -4
- data/_sass/@primer/view-components/app/components/primer/alpha/action_menu/action_menu_element.js +318 -65
- data/_sass/@primer/view-components/app/components/primer/alpha/auto_complete.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/banner.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/button_marketing.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/dialog.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/dialog.css.json +12 -27
- data/_sass/@primer/view-components/app/components/primer/alpha/dropdown.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/layout.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/menu.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/modal_dialog.js +38 -27
- data/_sass/@primer/view-components/app/components/primer/alpha/overlay.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/overlay.css.json +6 -3
- data/_sass/@primer/view-components/app/components/primer/alpha/segmented_control.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/segmented_control.css.json +11 -13
- data/_sass/@primer/view-components/app/components/primer/alpha/segmented_control.js +4 -4
- data/_sass/@primer/view-components/app/components/primer/alpha/tab_nav.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/text_field.css +1 -3
- data/_sass/@primer/view-components/app/components/primer/alpha/text_field.css.json +16 -6
- data/_sass/@primer/view-components/app/components/primer/alpha/toggle_switch.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/toggle_switch.css.json +11 -11
- data/_sass/@primer/view-components/app/components/primer/alpha/toggle_switch.d.ts +2 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/toggle_switch.js +54 -45
- data/_sass/@primer/view-components/app/components/primer/alpha/tool_tip.d.ts +4 -2
- data/_sass/@primer/view-components/app/components/primer/alpha/tool_tip.js +159 -72
- data/_sass/@primer/view-components/app/components/primer/alpha/underline_nav.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/x_banner.d.ts +3 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/x_banner.js +25 -10
- data/_sass/@primer/view-components/app/components/primer/anchored_position.js +16 -8
- data/_sass/@primer/view-components/app/components/primer/beta/avatar.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/avatar_stack.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/blankslate.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/blankslate.css.json +1 -0
- data/_sass/@primer/view-components/app/components/primer/beta/border_box.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/border_box.css.json +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/breadcrumbs.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/button.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/button.css.json +13 -7
- data/_sass/@primer/view-components/app/components/primer/beta/button_group.css +1 -0
- data/_sass/@primer/view-components/app/components/primer/beta/button_group.css.json +12 -0
- data/_sass/@primer/view-components/app/components/primer/beta/counter.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/flash.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/label.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/link.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/link.css.json +1 -0
- data/_sass/@primer/view-components/app/components/primer/beta/nav_list.d.ts +17 -0
- data/_sass/@primer/view-components/app/components/primer/{alpha → beta}/nav_list.js +28 -100
- data/_sass/@primer/view-components/app/components/primer/beta/nav_list_group_element.d.ts +19 -0
- data/_sass/@primer/view-components/app/components/primer/beta/nav_list_group_element.js +107 -0
- data/_sass/@primer/view-components/app/components/primer/beta/popover.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/progress_bar.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/state.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/subhead.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/subhead.css.json +2 -0
- data/_sass/@primer/view-components/app/components/primer/beta/timeline_item.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/truncate.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/dialog_helper.d.ts +15 -0
- data/_sass/@primer/view-components/app/components/primer/dialog_helper.js +117 -0
- data/_sass/@primer/view-components/app/components/primer/focus_group.js +41 -22
- data/_sass/@primer/view-components/app/components/primer/primer.d.ts +6 -2
- data/_sass/@primer/view-components/app/components/primer/primer.js +6 -2
- data/_sass/@primer/view-components/app/components/primer/scrollable_region.d.ts +13 -0
- data/_sass/@primer/view-components/app/components/primer/scrollable_region.js +52 -0
- data/_sass/@primer/view-components/lib/primer/forms/primer_multi_input.js +2 -3
- data/_sass/@primer/view-components/lib/primer/forms/primer_text_field.js +42 -9
- data/_sass/@primer/view-components/lib/primer/forms/toggle_switch_input.js +7 -2
- data/_sass/@primer/view-components/package.json +33 -34
- data/_sass/@primer/view-components/static/arguments.json +559 -48
- data/_sass/@primer/view-components/static/audited_at.json +18 -3
- data/_sass/@primer/view-components/static/classes.json +402 -369
- data/_sass/@primer/view-components/static/constants.json +104 -17
- data/_sass/@primer/view-components/static/info_arch.json +8248 -1640
- data/_sass/@primer/view-components/static/previews.json +6225 -1431
- data/_sass/@primer/view-components/static/statuses.json +20 -5
- data/_sass/jekyll-v4-theme-primer.scss +11 -0
- data/assets/js/github-clipboard-copy-element.js +154 -0
- data/assets/js/primer-clipboard-copy.js +106 -0
- metadata +63 -5
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: f2c3a3105dc3f9a7334189e5b1e04e4d07d07f3d1fd225fb5b8d8423b566cc9d
|
4
|
+
data.tar.gz: 01b63cd73216f49db5a8e54e4a9fd73e8682100fde79d27583b5bd66da148e91
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: e6c61ea66e138ac89619c640f8c83739d781cbcc181d3edaa1eb71b7bfb070e21fafc6ded70f97f3b627301fe2dd81b1adeee354d4a177a0a21e72ecf32c789b
|
7
|
+
data.tar.gz: 83c6de13d3bcf07b0bcf89cc7f39c5b5b859240ec00c3c56769601b2a1a2c61d63e3e956a3adbe1035b6e4ebc063e8884ddec742bd4d213d66ce6cf913993210
|
data/README.md
CHANGED
@@ -46,6 +46,15 @@ primer:
|
|
46
46
|
theme: light
|
47
47
|
```
|
48
48
|
|
49
|
+
Primer will not include the site title on the home page if the `home_heading`
|
50
|
+
value is set to false in the `_config.yml`. This can be useful when you already
|
51
|
+
include the title in the content on the home page, making it redundant.
|
52
|
+
|
53
|
+
```yml
|
54
|
+
primer:
|
55
|
+
home_heading: false
|
56
|
+
```
|
57
|
+
|
49
58
|
Primer will respect the following variables, if set in your site's `_config.yml`:
|
50
59
|
|
51
60
|
```yml
|
@@ -60,6 +69,15 @@ show_downloads: ["true" or "false" (unquoted) to indicate whether to provide a d
|
|
60
69
|
google_analytics: [Your Google Analytics tracking ID]
|
61
70
|
```
|
62
71
|
|
72
|
+
### Code block copy button
|
73
|
+
|
74
|
+
Primer will automatically put a code copy button in any code blocks you write.
|
75
|
+
This is similar to the behavior seen in Readmes on GitHub.
|
76
|
+
|
77
|
+
```bash
|
78
|
+
echo "Hello World"
|
79
|
+
```
|
80
|
+
|
63
81
|
### Stylesheet
|
64
82
|
|
65
83
|
If you'd like to add your own custom styles:
|
data/_layouts/default.html
CHANGED
@@ -11,9 +11,10 @@
|
|
11
11
|
</head>
|
12
12
|
<body>
|
13
13
|
<div class="container-lg px-3 my-5 markdown-body">
|
14
|
-
{% if
|
14
|
+
{% capture heading %}{% if page.layout == "home" and site.primer.home_heading == false %}false{% else %}true{% endif %}{% endcapture -%}
|
15
|
+
{% if site.title and site.title != page.title and heading == "true" %}
|
15
16
|
<h1><a href="{{ "/" | absolute_url }}">{{ site.title }}</a></h1>
|
16
|
-
{
|
17
|
+
{%- endif %}
|
17
18
|
|
18
19
|
{{ content }}
|
19
20
|
|
@@ -25,5 +26,6 @@
|
|
25
26
|
</div>
|
26
27
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.1.0/anchor.min.js" integrity="sha256-lZaRhKri35AyJSypXXs4o6OPFTbTmUoltBbDCbdzegg=" crossorigin="anonymous"></script>
|
27
28
|
<script>anchors.add();</script>
|
29
|
+
<script type="module" src="{{ "/assets/js/primer-clipboard-copy.js?v=" | append: site.github.build_revision | relative_url }}"></script>
|
28
30
|
</body>
|
29
31
|
</html>
|
@@ -11,20 +11,20 @@
|
|
11
11
|
margin-top: $spacer-4;
|
12
12
|
list-style: none;
|
13
13
|
cursor: pointer;
|
14
|
-
background: var(--color-canvas-overlay);
|
15
|
-
border: $border-width $border-style var(--color-border-default);
|
14
|
+
background: var(--overlay-bgColor, var(--color-canvas-overlay));
|
15
|
+
border: $border-width $border-style var(--borderColor-default, var(--color-border-default));
|
16
16
|
border-radius: $border-radius;
|
17
|
-
box-shadow: var(--color-shadow-medium);
|
17
|
+
box-shadow: var(--shadow-resting-medium, var(--color-shadow-medium));
|
18
18
|
|
19
19
|
li {
|
20
20
|
display: block;
|
21
21
|
padding: $spacer-1 $spacer-2;
|
22
22
|
font-weight: $font-weight-semibold;
|
23
|
-
border-bottom: $border-width $border-style var(--color-border-muted);
|
23
|
+
border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
|
24
24
|
|
25
25
|
small {
|
26
26
|
font-weight: $font-weight-normal;
|
27
|
-
color: var(--color-fg-muted);
|
27
|
+
color: var(--fgColor-muted, var(--color-fg-muted));
|
28
28
|
}
|
29
29
|
|
30
30
|
&:last-child {
|
@@ -39,12 +39,12 @@
|
|
39
39
|
}
|
40
40
|
|
41
41
|
&:hover {
|
42
|
-
color: var(--color-fg-on-emphasis);
|
42
|
+
color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
|
43
43
|
text-decoration: none;
|
44
|
-
background: var(--color-accent-emphasis);
|
44
|
+
background: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
|
45
45
|
|
46
46
|
small {
|
47
|
-
color: var(--color-fg-on-emphasis);
|
47
|
+
color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
|
48
48
|
}
|
49
49
|
|
50
50
|
.octicon {
|
@@ -54,12 +54,12 @@
|
|
54
54
|
|
55
55
|
&[aria-selected='true'],
|
56
56
|
&.navigation-focus {
|
57
|
-
color: var(--color-fg-on-emphasis);
|
57
|
+
color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
|
58
58
|
text-decoration: none;
|
59
|
-
background: var(--color-accent-emphasis);
|
59
|
+
background: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
|
60
60
|
|
61
61
|
small {
|
62
|
-
color: var(--color-fg-on-emphasis);
|
62
|
+
color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
|
63
63
|
}
|
64
64
|
|
65
65
|
.octicon {
|
@@ -10,8 +10,8 @@
|
|
10
10
|
position: absolute;
|
11
11
|
right: -15%;
|
12
12
|
bottom: -9%;
|
13
|
-
background-color: var(--color-canvas-default); // For transparent backgrounds
|
13
|
+
background-color: var(--bgColor-default, var(--color-canvas-default)); // For transparent backgrounds
|
14
14
|
// stylelint-disable-next-line primer/borders
|
15
15
|
border-radius: $border-radius-1;
|
16
|
-
box-shadow: var(--color-avatar-child-shadow);
|
16
|
+
box-shadow: var(--avatar-shadow, var(--color-avatar-child-shadow));
|
17
17
|
}
|
@@ -4,9 +4,9 @@
|
|
4
4
|
display: flex;
|
5
5
|
align-items: center;
|
6
6
|
justify-content: center;
|
7
|
-
background-color: var(--color-canvas-default);
|
7
|
+
background-color: var(--bgColor-default, var(--color-canvas-default));
|
8
8
|
border-radius: 50%;
|
9
|
-
box-shadow: var(--color-shadow-medium);
|
9
|
+
box-shadow: var(--shadow-resting-medium, var(--color-shadow-medium));
|
10
10
|
}
|
11
11
|
|
12
12
|
.CircleBadge-icon {
|
@@ -46,7 +46,7 @@
|
|
46
46
|
width: 100%;
|
47
47
|
content: '';
|
48
48
|
// stylelint-disable-next-line primer/borders
|
49
|
-
border-bottom: 2px dashed var(--color-border-default);
|
49
|
+
border-bottom: 2px dashed var(--borderColor-default, var(--color-border-default));
|
50
50
|
}
|
51
51
|
|
52
52
|
.CircleBadge {
|
@@ -16,12 +16,12 @@ body {
|
|
16
16
|
font-family: $body-font;
|
17
17
|
font-size: var(--body-font-size, $body-font-size);
|
18
18
|
line-height: $body-line-height;
|
19
|
-
color: var(--color-fg-default);
|
20
|
-
background-color: var(--color-canvas-default);
|
19
|
+
color: var(--fgColor-default, var(--color-fg-default));
|
20
|
+
background-color: var(--bgColor-default, var(--color-canvas-default));
|
21
21
|
}
|
22
22
|
|
23
23
|
a {
|
24
|
-
color: var(--color-accent-fg);
|
24
|
+
color: var(--fgColor-accent, var(--color-accent-fg));
|
25
25
|
text-decoration: none;
|
26
26
|
|
27
27
|
&:hover {
|
@@ -46,7 +46,7 @@ label {
|
|
46
46
|
|
47
47
|
// Custom styling for HTML5 validation bubbles (WebKit only)
|
48
48
|
::placeholder {
|
49
|
-
color: var(--color-fg-subtle);
|
49
|
+
color: var(--fgColor-muted, var(--color-fg-subtle));
|
50
50
|
opacity: 1; // override opacity in normalize.css
|
51
51
|
}
|
52
52
|
|
@@ -61,7 +61,7 @@ hr,
|
|
61
61
|
overflow: hidden;
|
62
62
|
background: transparent;
|
63
63
|
border: 0;
|
64
|
-
border-bottom: $border-width $border-style var(--color-border-muted);
|
64
|
+
border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
|
65
65
|
|
66
66
|
@include clearfix();
|
67
67
|
}
|
@@ -7,13 +7,13 @@ kbd {
|
|
7
7
|
font: 11px $mono-font;
|
8
8
|
// stylelint-disable-next-line primer/typography
|
9
9
|
line-height: 10px;
|
10
|
-
color: var(--color-fg-default);
|
10
|
+
color: var(--fgColor-default, var(--color-fg-default));
|
11
11
|
vertical-align: middle;
|
12
|
-
background-color: var(--color-canvas-subtle);
|
12
|
+
background-color: var(--bgColor-muted, var(--color-canvas-subtle));
|
13
13
|
// stylelint-disable-next-line primer/borders
|
14
|
-
border: $border-style $border-width var(--color-neutral-muted);
|
15
|
-
border-bottom-color: var(--color-neutral-muted);
|
14
|
+
border: $border-style $border-width var(--borderColor-neutral-muted, var(--color-neutral-muted));
|
15
|
+
border-bottom-color: var(--borderColor-neutral-muted, var(--color-neutral-muted));
|
16
16
|
border-radius: $border-radius;
|
17
17
|
// stylelint-disable-next-line primer/box-shadow
|
18
|
-
box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
|
18
|
+
box-shadow: inset 0 -1px 0 var(--borderColor-neutral-muted, var(--color-neutral-muted));
|
19
19
|
}
|
@@ -153,8 +153,8 @@ h1 {
|
|
153
153
|
*/
|
154
154
|
|
155
155
|
mark {
|
156
|
-
background-color: var(--color-attention-subtle);
|
157
|
-
color: var(--color-fg-default);
|
156
|
+
background-color: var(--bgColor-attention-muted, var(--color-attention-subtle));
|
157
|
+
color: var(--fgColor-default, var(--color-fg-default));
|
158
158
|
}
|
159
159
|
|
160
160
|
/**
|
@@ -3,9 +3,9 @@
|
|
3
3
|
width: 448px;
|
4
4
|
margin-right: auto;
|
5
5
|
margin-left: auto;
|
6
|
-
background-color: var(--color-canvas-default);
|
6
|
+
background-color: var(--bgColor-default, var(--color-canvas-default));
|
7
7
|
background-clip: padding-box;
|
8
|
-
border-color: var(--color-border-default);
|
8
|
+
border-color: var(--borderColor-default, var(--color-border-default));
|
9
9
|
// stylelint-disable-next-line primer/box-shadow
|
10
10
|
box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
|
11
11
|
|
@@ -36,7 +36,7 @@
|
|
36
36
|
.help {
|
37
37
|
padding-top: $spacer-2;
|
38
38
|
margin: 0;
|
39
|
-
color: var(--color-fg-muted);
|
39
|
+
color: var(--fgColor-muted, var(--color-fg-muted));
|
40
40
|
text-align: center;
|
41
41
|
}
|
42
42
|
}
|
@@ -7,25 +7,25 @@
|
|
7
7
|
// stylelint-disable-next-line primer/spacing
|
8
8
|
padding: 2px 6px;
|
9
9
|
font: 12px $mono-font;
|
10
|
-
color: var(--color-fg-muted);
|
10
|
+
color: var(--fgColor-muted, var(--color-fg-muted));
|
11
11
|
word-break: break-all;
|
12
|
-
background-color: var(--color-accent-subtle);
|
12
|
+
background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
|
13
13
|
border-radius: $border-radius;
|
14
14
|
|
15
15
|
.octicon {
|
16
16
|
// stylelint-disable-next-line primer/spacing
|
17
17
|
margin: 1px -2px 0 0;
|
18
|
-
color: var(--color-fg-muted);
|
18
|
+
color: var(--fgColor-muted, var(--color-fg-muted));
|
19
19
|
}
|
20
20
|
}
|
21
21
|
|
22
22
|
// When a branch name is a link
|
23
23
|
|
24
24
|
a.branch-name {
|
25
|
-
color: var(--color-accent-fg);
|
26
|
-
background-color: var(--color-accent-subtle);
|
25
|
+
color: var(--fgColor-accent, var(--color-accent-fg));
|
26
|
+
background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
|
27
27
|
|
28
28
|
.octicon {
|
29
|
-
color: var(--color-accent-fg);
|
29
|
+
color: var(--fgColor-accent, var(--color-accent-fg));
|
30
30
|
}
|
31
31
|
}
|
@@ -36,7 +36,7 @@
|
|
36
36
|
|
37
37
|
.octicon {
|
38
38
|
margin-right: $spacer-1;
|
39
|
-
color: var(--color-fg-muted);
|
39
|
+
color: var(--fgColor-muted, var(--color-fg-muted));
|
40
40
|
vertical-align: text-bottom;
|
41
41
|
|
42
42
|
&:only-child {
|
@@ -50,7 +50,7 @@
|
|
50
50
|
color: inherit;
|
51
51
|
text-shadow: none;
|
52
52
|
vertical-align: top;
|
53
|
-
background-color: var(--color-btn-counter-bg);
|
53
|
+
background-color: var(--buttonCounter-default-bgColor-rest, var(--color-btn-counter-bg));
|
54
54
|
}
|
55
55
|
|
56
56
|
.dropdown-caret {
|
@@ -62,42 +62,42 @@
|
|
62
62
|
// Default button
|
63
63
|
|
64
64
|
.btn {
|
65
|
-
color: var(--color-btn-text);
|
66
|
-
background-color: var(--color-btn-bg);
|
67
|
-
border-color: var(--color-btn-border);
|
68
|
-
box-shadow: var(--color-btn-shadow), var(--color-btn-inset-shadow);
|
65
|
+
color: var(--button-default-fgColor-rest, var(--color-btn-text));
|
66
|
+
background-color: var(--button-default-bgColor-rest, var(--color-btn-bg));
|
67
|
+
border-color: var(--button-default-borderColor-rest, var(--color-btn-border));
|
68
|
+
box-shadow: var(--button-default-shadow-resting, var(--color-btn-shadow)), var(--button-default-shadow-inset, var(--color-btn-inset-shadow));
|
69
69
|
transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
|
70
70
|
transition-property: color, background-color, box-shadow, border-color;
|
71
71
|
|
72
72
|
&:hover,
|
73
73
|
&.hover,
|
74
74
|
[open] > & {
|
75
|
-
background-color: var(--color-btn-hover-bg);
|
76
|
-
border-color: var(--color-btn-hover-border);
|
75
|
+
background-color: var(--button-default-bgColor-hover, var(--color-btn-hover-bg));
|
76
|
+
border-color: var(--button-default-borderColor-hover, var(--color-btn-hover-border));
|
77
77
|
transition-duration: 0.1s;
|
78
78
|
}
|
79
79
|
|
80
80
|
&:active {
|
81
|
-
background-color: var(--color-btn-active-bg);
|
82
|
-
border-color: var(--color-btn-active-border);
|
81
|
+
background-color: var(--button-default-bgColor-active, var(--color-btn-active-bg));
|
82
|
+
border-color: var(--button-default-borderColor-active, var(--color-btn-active-border));
|
83
83
|
transition: none;
|
84
84
|
}
|
85
85
|
|
86
86
|
&.selected,
|
87
87
|
&[aria-selected='true'] {
|
88
|
-
background-color: var(--color-btn-selected-bg);
|
89
|
-
box-shadow: var(--color-primer-shadow-inset);
|
88
|
+
background-color: var(--button-default-bgColor-selected, var(--color-btn-selected-bg));
|
89
|
+
box-shadow: var(--shadow-inset, var(--color-primer-shadow-inset));
|
90
90
|
}
|
91
91
|
|
92
92
|
&:disabled,
|
93
93
|
&.disabled,
|
94
94
|
&[aria-disabled='true'] {
|
95
|
-
color: var(--color-primer-fg-disabled);
|
96
|
-
background-color: var(--color-btn-bg);
|
97
|
-
border-color: var(--color-btn-border);
|
95
|
+
color: var(--fgColor-disabled, var(--color-primer-fg-disabled));
|
96
|
+
background-color: var(--button-default-bgColor-rest, var(--color-btn-bg));
|
97
|
+
border-color: var(--button-default-borderColor-rest, var(--color-btn-border));
|
98
98
|
|
99
99
|
.octicon {
|
100
|
-
color: var(--color-primer-fg-disabled);
|
100
|
+
color: var(--fgColor-disabled, var(--color-primer-fg-disabled));
|
101
101
|
}
|
102
102
|
}
|
103
103
|
}
|
@@ -105,16 +105,16 @@
|
|
105
105
|
// Primary button
|
106
106
|
|
107
107
|
.btn-primary {
|
108
|
-
color: var(--color-btn-primary-text);
|
109
|
-
background-color: var(--color-btn-primary-bg);
|
110
|
-
border-color: var(--color-btn-primary-border);
|
111
|
-
box-shadow: var(--color-btn-primary-shadow), var(--color-btn-primary-inset-shadow);
|
108
|
+
color: var(--button-primary-fgColor-rest, var(--color-btn-primary-text));
|
109
|
+
background-color: var(--button-primary-bgColor-rest, var(--color-btn-primary-bg));
|
110
|
+
border-color: var(--button-primary-borderColor-rest, var(--color-btn-primary-border));
|
111
|
+
box-shadow: var(--shadow-resting-small, var(--color-btn-primary-shadow)), var(--shadow-highlight, var(--color-btn-primary-inset-shadow));
|
112
112
|
|
113
113
|
&:hover,
|
114
114
|
&.hover,
|
115
115
|
[open] > & {
|
116
|
-
background-color: var(--color-btn-primary-hover-bg);
|
117
|
-
border-color: var(--color-btn-primary-hover-border);
|
116
|
+
background-color: var(--button-primary-bgColor-hover, var(--color-btn-primary-hover-bg));
|
117
|
+
border-color: var(--button-primary-borderColor-hover, var(--color-btn-primary-hover-border));
|
118
118
|
}
|
119
119
|
|
120
120
|
// fallback :focus state
|
@@ -136,29 +136,29 @@
|
|
136
136
|
&:active,
|
137
137
|
&.selected,
|
138
138
|
&[aria-selected='true'] {
|
139
|
-
background-color: var(--color-btn-primary-selected-bg);
|
140
|
-
box-shadow: var(--color-btn-primary-selected-shadow);
|
139
|
+
background-color: var(--button-primary-bgColor-active, var(--color-btn-primary-selected-bg));
|
140
|
+
box-shadow: var(--button-primary-shadow-selected, var(--color-btn-primary-selected-shadow));
|
141
141
|
}
|
142
142
|
|
143
143
|
&:disabled,
|
144
144
|
&.disabled,
|
145
145
|
&[aria-disabled='true'] {
|
146
|
-
color: var(--color-btn-primary-disabled-text);
|
147
|
-
background-color: var(--color-btn-primary-disabled-bg);
|
148
|
-
border-color: var(--color-btn-primary-disabled-border);
|
146
|
+
color: var(--button-primary-fgColor-disabled, var(--color-btn-primary-disabled-text));
|
147
|
+
background-color: var(--button-primary-bgColor-disabled, var(--color-btn-primary-disabled-bg));
|
148
|
+
border-color: var(--button-primary-borderColor-disabled, var(--color-btn-primary-disabled-border));
|
149
149
|
|
150
150
|
.octicon {
|
151
|
-
color: var(--color-btn-primary-disabled-text);
|
151
|
+
color: var(--button-primary-fgColor-disabled, var(--color-btn-primary-disabled-text));
|
152
152
|
}
|
153
153
|
}
|
154
154
|
|
155
155
|
.Counter {
|
156
156
|
color: inherit;
|
157
|
-
background-color: var(--color-btn-primary-counter-bg);
|
157
|
+
background-color: var(--buttonCounter-primary-bgColor-rest, var(--color-btn-primary-counter-bg));
|
158
158
|
}
|
159
159
|
|
160
160
|
.octicon {
|
161
|
-
color: var(--color-btn-primary-icon);
|
161
|
+
color: var(--button-primary-iconColor-rest, var(--color-btn-primary-icon));
|
162
162
|
}
|
163
163
|
}
|
164
164
|
|
@@ -185,17 +185,17 @@ a.btn-primary {
|
|
185
185
|
// Outline button
|
186
186
|
|
187
187
|
.btn-outline {
|
188
|
-
color: var(--color-btn-outline-text);
|
188
|
+
color: var(--button-outline-fgColor-rest, var(--color-btn-outline-text));
|
189
189
|
|
190
190
|
&:hover,
|
191
191
|
[open] > & {
|
192
|
-
color: var(--color-btn-outline-hover-text);
|
193
|
-
background-color: var(--color-btn-outline-hover-bg);
|
194
|
-
border-color: var(--color-btn-outline-hover-border);
|
195
|
-
box-shadow: var(--color-btn-outline-hover-shadow), var(--color-btn-outline-hover-inset-shadow);
|
192
|
+
color: var(--button-outline-fgColor-hover, var(--color-btn-outline-hover-text));
|
193
|
+
background-color: var(--button-outline-bgColor-hover, var(--color-btn-outline-hover-bg));
|
194
|
+
border-color: var(--button-outline-borderColor-hover, var(--color-btn-outline-hover-border));
|
195
|
+
box-shadow: var(--shadow-resting-small, var(--color-btn-outline-hover-shadow)), var(--shadow-highlight, var(--color-btn-outline-hover-inset-shadow));
|
196
196
|
|
197
197
|
.Counter {
|
198
|
-
background-color: var(--color-btn-outline-hover-counter-bg);
|
198
|
+
background-color: var(--buttonCounter-outline-bgColor-hover, var(--color-btn-outline-hover-counter-bg));
|
199
199
|
}
|
200
200
|
|
201
201
|
.octicon {
|
@@ -206,10 +206,10 @@ a.btn-primary {
|
|
206
206
|
&:active,
|
207
207
|
&.selected,
|
208
208
|
&[aria-selected='true'] {
|
209
|
-
color: var(--color-btn-outline-selected-text);
|
210
|
-
background-color: var(--color-btn-outline-selected-bg);
|
211
|
-
border-color: var(--color-btn-outline-selected-border);
|
212
|
-
box-shadow: var(--color-btn-outline-selected-shadow);
|
209
|
+
color: var(--button-outline-fgColor-active, var(--color-btn-outline-selected-text));
|
210
|
+
background-color: var(--button-outline-bgColor-active, var(--color-btn-outline-selected-bg));
|
211
|
+
border-color: var(--button-outline-borderColor-active, var(--color-btn-outline-selected-border));
|
212
|
+
box-shadow: var(--button-outline-shadow-selected, var(--color-btn-outline-selected-shadow));
|
213
213
|
|
214
214
|
// fallback :focus state
|
215
215
|
&:focus {
|
@@ -231,76 +231,76 @@ a.btn-primary {
|
|
231
231
|
&:disabled,
|
232
232
|
&.disabled,
|
233
233
|
&[aria-disabled='true'] {
|
234
|
-
color: var(--color-btn-outline-disabled-text);
|
235
|
-
background-color: var(--color-btn-outline-disabled-bg);
|
236
|
-
border-color: var(--color-btn-border);
|
234
|
+
color: var(--button-outline-fgColor-disabled, var(--color-btn-outline-disabled-text));
|
235
|
+
background-color: var(--button-outline-bgColor-disabled, var(--color-btn-outline-disabled-bg));
|
236
|
+
border-color: var(--button-default-borderColor-rest, var(--color-btn-border));
|
237
237
|
box-shadow: none;
|
238
238
|
|
239
239
|
.Counter {
|
240
|
-
background-color: var(--color-btn-outline-disabled-counter-bg);
|
240
|
+
background-color: var(--buttonCounter-outline-bgColor-disabled, var(--color-btn-outline-disabled-counter-bg));
|
241
241
|
}
|
242
242
|
}
|
243
243
|
|
244
244
|
.Counter {
|
245
245
|
color: inherit;
|
246
|
-
background-color: var(--color-btn-outline-counter-bg);
|
246
|
+
background-color: var(--buttonCounter-outline-bgColor-rest, var(--color-btn-outline-counter-bg));
|
247
247
|
}
|
248
248
|
}
|
249
249
|
|
250
250
|
// Danger button
|
251
251
|
|
252
252
|
.btn-danger {
|
253
|
-
color: var(--color-btn-danger-text);
|
253
|
+
color: var(--button-danger-fgColor-rest, var(--color-btn-danger-text));
|
254
254
|
|
255
255
|
.octicon {
|
256
|
-
color: var(--color-btn-danger-icon);
|
256
|
+
color: var(--button-danger-iconColor-rest, var(--color-btn-danger-icon));
|
257
257
|
}
|
258
258
|
|
259
259
|
&:hover,
|
260
260
|
[open] > & {
|
261
|
-
color: var(--color-btn-danger-hover-text);
|
262
|
-
background-color: var(--color-btn-danger-hover-bg);
|
263
|
-
border-color: var(--color-btn-danger-hover-border);
|
264
|
-
box-shadow: var(--color-btn-danger-hover-shadow), var(--color-btn-danger-hover-inset-shadow);
|
261
|
+
color: var(--button-danger-fgColor-hover, var(--color-btn-danger-hover-text));
|
262
|
+
background-color: var(--button-danger-bgColor-hover, var(--color-btn-danger-hover-bg));
|
263
|
+
border-color: var(--button-danger-borderColor-hover, var(--color-btn-danger-hover-border));
|
264
|
+
box-shadow: var(--shadow-resting-small, var(--color-btn-danger-hover-shadow)), var(--shadow-highlight, var(--color-btn-danger-hover-inset-shadow));
|
265
265
|
|
266
266
|
.Counter {
|
267
|
-
background-color: var(--color-btn-danger-hover-counter-bg);
|
267
|
+
background-color: var(--buttonCounter-danger-bgColor-hover, var(--color-btn-danger-hover-counter-bg));
|
268
268
|
}
|
269
269
|
|
270
270
|
.octicon {
|
271
|
-
color: var(--color-btn-danger-hover-icon);
|
271
|
+
color: var(--button-danger-iconColor-hover, var(--color-btn-danger-hover-icon));
|
272
272
|
}
|
273
273
|
}
|
274
274
|
|
275
275
|
&:active,
|
276
276
|
&.selected,
|
277
277
|
&[aria-selected='true'] {
|
278
|
-
color: var(--color-btn-danger-selected-text);
|
279
|
-
background-color: var(--color-btn-danger-selected-bg);
|
280
|
-
border-color: var(--color-btn-danger-selected-border);
|
281
|
-
box-shadow: var(--color-btn-danger-selected-shadow);
|
278
|
+
color: var(--button-danger-fgColor-active, var(--color-btn-danger-selected-text));
|
279
|
+
background-color: var(--button-danger-bgColor-active, var(--color-btn-danger-selected-bg));
|
280
|
+
border-color: var(--button-danger-borderColor-active, var(--color-btn-danger-selected-border));
|
281
|
+
box-shadow: var(--button-danger-shadow-selected, var(--color-btn-danger-selected-shadow));
|
282
282
|
}
|
283
283
|
|
284
284
|
&:disabled,
|
285
285
|
&.disabled,
|
286
286
|
&[aria-disabled='true'] {
|
287
|
-
color: var(--color-btn-danger-disabled-text);
|
288
|
-
background-color: var(--color-btn-danger-disabled-bg);
|
289
|
-
border-color: var(--color-btn-border);
|
287
|
+
color: var(--button-danger-fgColor-disabled, var(--color-btn-danger-disabled-text));
|
288
|
+
background-color: var(--button-danger-bgColor-disabled, var(--color-btn-danger-disabled-bg));
|
289
|
+
border-color: var(--button-default-borderColor-rest, var(--color-btn-border));
|
290
290
|
box-shadow: none;
|
291
291
|
|
292
292
|
.Counter {
|
293
|
-
background-color: var(--color-btn-danger-disabled-counter-bg);
|
293
|
+
background-color: var(--buttonCounter-danger-bgColor-disabled, var(--color-btn-danger-disabled-counter-bg));
|
294
294
|
}
|
295
295
|
|
296
296
|
.octicon {
|
297
|
-
color: var(--color-btn-danger-disabled-text);
|
297
|
+
color: var(--button-danger-fgColor-disabled, var(--color-btn-danger-disabled-text));
|
298
298
|
}
|
299
299
|
}
|
300
300
|
|
301
301
|
.Counter {
|
302
302
|
color: inherit;
|
303
|
-
background-color: var(--color-btn-danger-counter-bg);
|
303
|
+
background-color: var(--buttonCounter-danger-bgColor-rest, var(--color-btn-danger-counter-bg));
|
304
304
|
}
|
305
305
|
}
|
306
306
|
|