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
@@ -0,0 +1,503 @@
|
|
1
|
+
$topicTag-borderColor: #ffffff00;
|
2
|
+
$highlight-neutral-bgColor: #fff8c5;
|
3
|
+
$page-header-bgColor: #f6f8fa;
|
4
|
+
$diffBlob-addition-fgColor-text: #1f2328;
|
5
|
+
$diffBlob-addition-fgColor-num: #1f2328;
|
6
|
+
$diffBlob-addition-bgColor-num: #d1f8d9;
|
7
|
+
$diffBlob-addition-bgColor-line: #dafbe1;
|
8
|
+
$diffBlob-addition-bgColor-word: #aceebb;
|
9
|
+
$diffBlob-deletion-fgColor-text: #1f2328;
|
10
|
+
$diffBlob-deletion-fgColor-num: #1f2328;
|
11
|
+
$diffBlob-deletion-bgColor-num: #ffcecb;
|
12
|
+
$diffBlob-deletion-bgColor-line: #ffebe9;
|
13
|
+
$diffBlob-deletion-bgColor-word: #ff818266;
|
14
|
+
$diffBlob-hunk-bgColor-num: #54aeff66;
|
15
|
+
$diffBlob-expander-iconColor: #636c76;
|
16
|
+
$codeMirror-fgColor: #1f2328;
|
17
|
+
$codeMirror-bgColor: #ffffff;
|
18
|
+
$codeMirror-gutters-bgColor: #ffffff;
|
19
|
+
$codeMirror-gutterMarker-fgColor-default: #ffffff;
|
20
|
+
$codeMirror-gutterMarker-fgColor-muted: #636c76;
|
21
|
+
$codeMirror-lineNumber-fgColor: #636c76;
|
22
|
+
$codeMirror-cursor-fgColor: #1f2328;
|
23
|
+
$codeMirror-selection-bgColor: #54aeff66;
|
24
|
+
$codeMirror-activeline-bgColor: #afb8c133;
|
25
|
+
$codeMirror-matchingBracket-fgColor: #1f2328;
|
26
|
+
$codeMirror-lines-bgColor: #ffffff;
|
27
|
+
$codeMirror-syntax-fgColor-comment: #24292f;
|
28
|
+
$codeMirror-syntax-fgColor-constant: #0550ae;
|
29
|
+
$codeMirror-syntax-fgColor-entity: #8250df;
|
30
|
+
$codeMirror-syntax-fgColor-keyword: #cf222e;
|
31
|
+
$codeMirror-syntax-fgColor-storage: #cf222e;
|
32
|
+
$codeMirror-syntax-fgColor-string: #0a3069;
|
33
|
+
$codeMirror-syntax-fgColor-support: #0550ae;
|
34
|
+
$codeMirror-syntax-fgColor-variable: #953800;
|
35
|
+
$header-fgColor-default: #ffffffb3;
|
36
|
+
$header-fgColor-logo: #ffffff;
|
37
|
+
$header-bgColor: #24292f;
|
38
|
+
$header-borderColor-divider: #57606a;
|
39
|
+
$headerSearch-bgColor: #24292f;
|
40
|
+
$headerSearch-borderColor: #57606a;
|
41
|
+
$data-blue-color: #006edb;
|
42
|
+
$data-auburn-color: #9d615c;
|
43
|
+
$data-orange-color: #eb670f;
|
44
|
+
$data-yellow-color: #b88700;
|
45
|
+
$data-green-color: #30a147;
|
46
|
+
$data-teal-color: #179b9b;
|
47
|
+
$data-purple-color: #894ceb;
|
48
|
+
$data-pink-color: #ce2c85;
|
49
|
+
$data-red-color: #df0c24;
|
50
|
+
$data-gray-color: #808fa3;
|
51
|
+
$display-blue-bgColor-muted: #d1f0ff;
|
52
|
+
$display-blue-bgColor-emphasis: #006edb;
|
53
|
+
$display-blue-fgColor: #005fcc;
|
54
|
+
$display-blue-borderColor-muted: #ade1ff;
|
55
|
+
$display-blue-borderColor-emphasis: #006edb;
|
56
|
+
$display-green-bgColor-muted: #caf7ca;
|
57
|
+
$display-green-bgColor-emphasis: #2c8141;
|
58
|
+
$display-green-fgColor: #2b6e3f;
|
59
|
+
$display-green-borderColor-muted: #9ceda0;
|
60
|
+
$display-green-borderColor-emphasis: #2c8141;
|
61
|
+
$display-orange-bgColor-muted: #ffe7d1;
|
62
|
+
$display-orange-bgColor-emphasis: #b8500f;
|
63
|
+
$display-orange-fgColor: #a24610;
|
64
|
+
$display-orange-borderColor-muted: #fecfaa;
|
65
|
+
$display-orange-borderColor-emphasis: #b8500f;
|
66
|
+
$display-purple-bgColor-muted: #f1e5ff;
|
67
|
+
$display-purple-bgColor-emphasis: #894ceb;
|
68
|
+
$display-purple-fgColor: #783ae4;
|
69
|
+
$display-purple-borderColor-muted: #e6d2fe;
|
70
|
+
$display-purple-borderColor-emphasis: #894ceb;
|
71
|
+
$display-red-bgColor-muted: #ffe2e0;
|
72
|
+
$display-red-bgColor-emphasis: #df0c24;
|
73
|
+
$display-red-fgColor: #c50d28;
|
74
|
+
$display-red-borderColor-muted: #fecdcd;
|
75
|
+
$display-red-borderColor-emphasis: #df0c24;
|
76
|
+
$display-yellow-bgColor-muted: #ffec9e;
|
77
|
+
$display-yellow-bgColor-emphasis: #946a00;
|
78
|
+
$display-yellow-fgColor: #805900;
|
79
|
+
$display-yellow-borderColor-muted: #ffd642;
|
80
|
+
$display-yellow-borderColor-emphasis: #946a00;
|
81
|
+
$display-gray-bgColor-muted: #e8ecf2;
|
82
|
+
$display-gray-bgColor-emphasis: #647182;
|
83
|
+
$display-gray-fgColor: #5c6570;
|
84
|
+
$display-gray-borderColor-muted: #d2dae4;
|
85
|
+
$display-gray-borderColor-emphasis: #647182;
|
86
|
+
$display-auburn-bgColor-muted: #f2e9e9;
|
87
|
+
$display-auburn-bgColor-emphasis: #9d615c;
|
88
|
+
$display-auburn-fgColor: #8a5551;
|
89
|
+
$display-auburn-borderColor-muted: #e6d6d5;
|
90
|
+
$display-auburn-borderColor-emphasis: #9d615c;
|
91
|
+
$display-brown-bgColor-muted: #eeeae2;
|
92
|
+
$display-brown-bgColor-emphasis: #856d4c;
|
93
|
+
$display-brown-fgColor: #755f43;
|
94
|
+
$display-brown-borderColor-muted: #dfd7c8;
|
95
|
+
$display-brown-borderColor-emphasis: #856d4c;
|
96
|
+
$display-lemon-bgColor-muted: #f7eea1;
|
97
|
+
$display-lemon-bgColor-emphasis: #866e04;
|
98
|
+
$display-lemon-fgColor: #786002;
|
99
|
+
$display-lemon-borderColor-muted: #f0db3d;
|
100
|
+
$display-lemon-borderColor-emphasis: #866e04;
|
101
|
+
$display-olive-bgColor-muted: #f0f0ad;
|
102
|
+
$display-olive-bgColor-emphasis: #64762d;
|
103
|
+
$display-olive-fgColor: #56682c;
|
104
|
+
$display-olive-borderColor-muted: #dbe170;
|
105
|
+
$display-olive-borderColor-emphasis: #64762d;
|
106
|
+
$display-lime-bgColor-muted: #e3f2b5;
|
107
|
+
$display-lime-bgColor-emphasis: #527a29;
|
108
|
+
$display-lime-fgColor: #476c28;
|
109
|
+
$display-lime-borderColor-muted: #c7e580;
|
110
|
+
$display-lime-borderColor-emphasis: #527a29;
|
111
|
+
$display-pine-bgColor-muted: #bff8db;
|
112
|
+
$display-pine-bgColor-emphasis: #167e53;
|
113
|
+
$display-pine-fgColor: #156f4b;
|
114
|
+
$display-pine-borderColor-muted: #80efb9;
|
115
|
+
$display-pine-borderColor-emphasis: #167e53;
|
116
|
+
$display-teal-bgColor-muted: #c7f5ef;
|
117
|
+
$display-teal-bgColor-emphasis: #127e81;
|
118
|
+
$display-teal-fgColor: #106e75;
|
119
|
+
$display-teal-borderColor-muted: #89ebe1;
|
120
|
+
$display-teal-borderColor-emphasis: #127e81;
|
121
|
+
$display-cyan-bgColor-muted: #bdf4ff;
|
122
|
+
$display-cyan-bgColor-emphasis: #007b94;
|
123
|
+
$display-cyan-fgColor: #006a80;
|
124
|
+
$display-cyan-borderColor-muted: #7ae9ff;
|
125
|
+
$display-cyan-borderColor-emphasis: #007b94;
|
126
|
+
$display-indigo-bgColor-muted: #e5e9ff;
|
127
|
+
$display-indigo-bgColor-emphasis: #5a61e7;
|
128
|
+
$display-indigo-fgColor: #494edf;
|
129
|
+
$display-indigo-borderColor-muted: #d2d7fe;
|
130
|
+
$display-indigo-borderColor-emphasis: #5a61e7;
|
131
|
+
$avatar-bgColor: #ffffff;
|
132
|
+
$avatar-borderColor: #1f232826;
|
133
|
+
$avatar-shadow: 0px 0px 0px 2px #ffffffcc;
|
134
|
+
$avatarStack-fade-bgColor-default: #afb8c1;
|
135
|
+
$avatarStack-fade-bgColor-muted: #d0d7de;
|
136
|
+
$control-bgColor-rest: #f6f8fa;
|
137
|
+
$control-bgColor-hover: #eef1f4;
|
138
|
+
$control-bgColor-active: #e7ebef;
|
139
|
+
$control-bgColor-disabled: #eaeef2b3;
|
140
|
+
$control-bgColor-selected: #f6f8fa;
|
141
|
+
$control-fgColor-rest: #24292f;
|
142
|
+
$control-fgColor-placeholder: #6e7781;
|
143
|
+
$control-fgColor-disabled: #8c959f;
|
144
|
+
$control-borderColor-rest: #d0d7de;
|
145
|
+
$control-borderColor-emphasis: #868f99;
|
146
|
+
$control-borderColor-disabled: #eaeef2b3;
|
147
|
+
$control-borderColor-selected: #f6f8fa;
|
148
|
+
$control-borderColor-success: #1a7f37;
|
149
|
+
$control-borderColor-danger: #cf222e;
|
150
|
+
$control-borderColor-warning: #bf8700;
|
151
|
+
$control-iconColor-rest: #636c76;
|
152
|
+
$control-transparent-bgColor-rest: #ffffff00;
|
153
|
+
$control-transparent-bgColor-hover: #d0d7de33;
|
154
|
+
$control-transparent-bgColor-active: #d0d7de66;
|
155
|
+
$control-transparent-bgColor-disabled: #eaeef2b3;
|
156
|
+
$control-transparent-bgColor-selected: #d0d7de33;
|
157
|
+
$control-transparent-borderColor-rest: #ffffff00;
|
158
|
+
$control-transparent-borderColor-hover: #ffffff00;
|
159
|
+
$control-transparent-borderColor-active: #ffffff00;
|
160
|
+
$control-danger-fgColor-rest: #d1242f;
|
161
|
+
$control-danger-fgColor-hover: #d1242f;
|
162
|
+
$control-danger-bgColor-hover: #ffebe9;
|
163
|
+
$control-danger-bgColor-active: #ffebe966;
|
164
|
+
$control-checked-bgColor-rest: #0969da;
|
165
|
+
$control-checked-bgColor-hover: #0860ca;
|
166
|
+
$control-checked-bgColor-active: #0757ba;
|
167
|
+
$control-checked-bgColor-disabled: #8c959f;
|
168
|
+
$control-checked-fgColor-rest: #ffffff;
|
169
|
+
$control-checked-fgColor-disabled: #ffffff;
|
170
|
+
$control-checked-borderColor-rest: #0969da;
|
171
|
+
$control-checked-borderColor-hover: #0860ca;
|
172
|
+
$control-checked-borderColor-active: #0757ba;
|
173
|
+
$control-checked-borderColor-disabled: #8c959f;
|
174
|
+
$controlTrack-bgColor-rest: #eaeef2;
|
175
|
+
$controlTrack-bgColor-hover: #dee3e8;
|
176
|
+
$controlTrack-bgColor-active: #d2d8de;
|
177
|
+
$controlTrack-bgColor-disabled: #8c959f;
|
178
|
+
$controlTrack-fgColor-rest: #636c76;
|
179
|
+
$controlTrack-fgColor-disabled: #ffffff;
|
180
|
+
$controlTrack-borderColor-rest: #ffffff00;
|
181
|
+
$controlTrack-borderColor-disabled: #8c959f;
|
182
|
+
$controlKnob-bgColor-rest: #ffffff;
|
183
|
+
$controlKnob-bgColor-disabled: #eaeef2b3;
|
184
|
+
$controlKnob-bgColor-checked: #ffffff;
|
185
|
+
$controlKnob-borderColor-rest: #868f99;
|
186
|
+
$controlKnob-borderColor-disabled: #eaeef2b3;
|
187
|
+
$controlKnob-borderColor-checked: #0969da;
|
188
|
+
$counter-borderColor: #ffffff00;
|
189
|
+
$button-default-fgColor-rest: #24292f;
|
190
|
+
$button-default-bgColor-rest: #f6f8fa;
|
191
|
+
$button-default-bgColor-hover: #eef1f4;
|
192
|
+
$button-default-bgColor-active: #e7ebef;
|
193
|
+
$button-default-bgColor-selected: #e7ebef;
|
194
|
+
$button-default-bgColor-disabled: #eaeef2b3;
|
195
|
+
$button-default-borderColor-rest: #d0d7de;
|
196
|
+
$button-default-borderColor-hover: #d0d7de;
|
197
|
+
$button-default-borderColor-active: #d0d7de;
|
198
|
+
$button-default-borderColor-disabled: #eaeef2b3;
|
199
|
+
$button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
|
200
|
+
$button-primary-fgColor-rest: #ffffff;
|
201
|
+
$button-primary-fgColor-disabled: #ffffffcc;
|
202
|
+
$button-primary-iconColor-rest: #ffffffcc;
|
203
|
+
$button-primary-bgColor-rest: #1f883d;
|
204
|
+
$button-primary-bgColor-hover: #1c8139;
|
205
|
+
$button-primary-bgColor-active: #197935;
|
206
|
+
$button-primary-bgColor-disabled: #95d8a6;
|
207
|
+
$button-primary-borderColor-rest: #1f232826;
|
208
|
+
$button-primary-borderColor-hover: #1f232826;
|
209
|
+
$button-primary-borderColor-active: #1f232826;
|
210
|
+
$button-primary-borderColor-disabled: #95d8a6;
|
211
|
+
$button-primary-shadow-selected: inset 0px 1px 0px 0px #002d114d;
|
212
|
+
$button-invisible-fgColor-rest: #0969da;
|
213
|
+
$button-invisible-fgColor-hover: #0969da;
|
214
|
+
$button-invisible-fgColor-disabled: #8c959f;
|
215
|
+
$button-invisible-iconColor-rest: #636c76;
|
216
|
+
$button-invisible-iconColor-hover: #636c76;
|
217
|
+
$button-invisible-iconColor-disabled: #8c959f;
|
218
|
+
$button-invisible-bgColor-rest: #ffffff00;
|
219
|
+
$button-invisible-bgColor-hover: #d0d7de33;
|
220
|
+
$button-invisible-bgColor-active: #d0d7de66;
|
221
|
+
$button-invisible-bgColor-disabled: #eaeef2b3;
|
222
|
+
$button-invisible-borderColor-rest: #ffffff00;
|
223
|
+
$button-invisible-borderColor-hover: #ffffff00;
|
224
|
+
$button-invisible-borderColor-disabled: #eaeef2b3;
|
225
|
+
$button-outline-fgColor-rest: #0969da;
|
226
|
+
$button-outline-fgColor-hover: #ffffff;
|
227
|
+
$button-outline-fgColor-active: #ffffff;
|
228
|
+
$button-outline-fgColor-disabled: #0969da80;
|
229
|
+
$button-outline-bgColor-rest: #f6f8fa;
|
230
|
+
$button-outline-bgColor-hover: #0969da;
|
231
|
+
$button-outline-bgColor-active: #0757ba;
|
232
|
+
$button-outline-bgColor-disabled: #f6f8fa;
|
233
|
+
$button-outline-borderColor-hover: #1f232826;
|
234
|
+
$button-outline-borderColor-active: #1f232826;
|
235
|
+
$button-outline-shadow-selected: inset 0px 1px 0px 0px #00215533;
|
236
|
+
$button-danger-fgColor-rest: #d1242f;
|
237
|
+
$button-danger-fgColor-hover: #ffffff;
|
238
|
+
$button-danger-fgColor-active: #ffffff;
|
239
|
+
$button-danger-fgColor-disabled: #d1242f80;
|
240
|
+
$button-danger-iconColor-rest: #d1242f;
|
241
|
+
$button-danger-iconColor-hover: #ffffff;
|
242
|
+
$button-danger-bgColor-rest: #f6f8fa;
|
243
|
+
$button-danger-bgColor-hover: #a40e26;
|
244
|
+
$button-danger-bgColor-active: #8b0820;
|
245
|
+
$button-danger-bgColor-disabled: #eaeef2b3;
|
246
|
+
$button-danger-borderColor-rest: #d0d7de;
|
247
|
+
$button-danger-borderColor-hover: #1f232826;
|
248
|
+
$button-danger-borderColor-active: #1f232826;
|
249
|
+
$button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
|
250
|
+
$button-inactive-fgColor: #57606a;
|
251
|
+
$button-inactive-bgColor: #eaeef2;
|
252
|
+
$button-star-iconColor: #eac54f;
|
253
|
+
$buttonCounter-default-bgColor-rest: #afb8c133;
|
254
|
+
$buttonCounter-invisible-bgColor-rest: #afb8c133;
|
255
|
+
$buttonCounter-primary-bgColor-rest: #002d1133;
|
256
|
+
$buttonCounter-outline-bgColor-rest: #0969da1a;
|
257
|
+
$buttonCounter-outline-bgColor-hover: #ffffff33;
|
258
|
+
$buttonCounter-outline-bgColor-disabled: #0969da0d;
|
259
|
+
$buttonCounter-outline-fgColor-rest: #0550ae;
|
260
|
+
$buttonCounter-outline-fgColor-hover: #ffffff;
|
261
|
+
$buttonCounter-outline-fgColor-disabled: #0969da80;
|
262
|
+
$buttonCounter-danger-bgColor-hover: #ffffff33;
|
263
|
+
$buttonCounter-danger-bgColor-disabled: #cf222e0d;
|
264
|
+
$buttonCounter-danger-bgColor-rest: #cf222e1a;
|
265
|
+
$buttonCounter-danger-fgColor-rest: #c21c2c;
|
266
|
+
$buttonCounter-danger-fgColor-hover: #ffffff;
|
267
|
+
$buttonCounter-danger-fgColor-disabled: #d1242f80;
|
268
|
+
$focus-outlineColor: #0969da;
|
269
|
+
$focus-outline: #0969da solid 2px;
|
270
|
+
$menu-bgColor-active: #ffffff00;
|
271
|
+
$overlay-bgColor: #ffffff;
|
272
|
+
$overlay-borderColor: #d0d7de80;
|
273
|
+
$overlay-backdrop-bgColor: #8c959f33;
|
274
|
+
$selectMenu-borderColor: #ffffff00;
|
275
|
+
$selectMenu-bgColor-active: #b6e3ff;
|
276
|
+
$sideNav-bgColor-selected: #ffffff;
|
277
|
+
$skeletonLoader-bgColor: #f6f8fa;
|
278
|
+
$timelineBadge-bgColor: #eaeef2;
|
279
|
+
$treeViewItem-leadingVisual-iconColor-rest: #54aeff;
|
280
|
+
$underlineNav-borderColor-active: #fd8c73;
|
281
|
+
$underlineNav-borderColor-hover: #afb8c133;
|
282
|
+
$underlineNav-iconColor-rest: #636c76;
|
283
|
+
$selection-bgColor: #0969da33;
|
284
|
+
$fgColor-default: #1f2328;
|
285
|
+
$fgColor-muted: #636c76;
|
286
|
+
$fgColor-onEmphasis: #ffffff;
|
287
|
+
$fgColor-white: #ffffff;
|
288
|
+
$fgColor-black: #1f2328;
|
289
|
+
$fgColor-disabled: #8c959f;
|
290
|
+
$fgColor-link: #0969da;
|
291
|
+
$fgColor-neutral: #6e7781;
|
292
|
+
$fgColor-accent: #0969da;
|
293
|
+
$fgColor-success: #1a7f37;
|
294
|
+
$fgColor-attention: #9a6700;
|
295
|
+
$fgColor-severe: #bc4c00;
|
296
|
+
$fgColor-danger: #d1242f;
|
297
|
+
$fgColor-open: #1a7f37;
|
298
|
+
$fgColor-closed: #d1242f;
|
299
|
+
$fgColor-done: #8250df;
|
300
|
+
$fgColor-sponsors: #bf3989;
|
301
|
+
$bgColor-default: #ffffff;
|
302
|
+
$bgColor-muted: #f6f8fa;
|
303
|
+
$bgColor-inset: #f6f8fa;
|
304
|
+
$bgColor-emphasis: #24292f;
|
305
|
+
$bgColor-inverse: #24292f;
|
306
|
+
$bgColor-white: #ffffff;
|
307
|
+
$bgColor-black: #1f2328;
|
308
|
+
$bgColor-disabled: #eaeef2b3;
|
309
|
+
$bgColor-transparent: #ffffff00;
|
310
|
+
$bgColor-neutral-muted: #afb8c133;
|
311
|
+
$bgColor-neutral-emphasis: #6e7781;
|
312
|
+
$bgColor-accent-muted: #ddf4ff;
|
313
|
+
$bgColor-accent-emphasis: #0969da;
|
314
|
+
$bgColor-success-muted: #dafbe1;
|
315
|
+
$bgColor-success-emphasis: #1f883d;
|
316
|
+
$bgColor-attention-muted: #fff8c5;
|
317
|
+
$bgColor-attention-emphasis: #9a6700;
|
318
|
+
$bgColor-severe-muted: #fff1e5;
|
319
|
+
$bgColor-severe-emphasis: #bc4c00;
|
320
|
+
$bgColor-danger-muted: #ffebe9;
|
321
|
+
$bgColor-danger-emphasis: #cf222e;
|
322
|
+
$bgColor-open-muted: #dafbe1;
|
323
|
+
$bgColor-open-emphasis: #1f883d;
|
324
|
+
$bgColor-closed-muted: #ffebe9;
|
325
|
+
$bgColor-closed-emphasis: #cf222e;
|
326
|
+
$bgColor-done-muted: #fbefff;
|
327
|
+
$bgColor-done-emphasis: #8250df;
|
328
|
+
$bgColor-sponsors-muted: #ffeff7;
|
329
|
+
$bgColor-sponsors-emphasis: #bf3989;
|
330
|
+
$borderColor-default: #d0d7de;
|
331
|
+
$borderColor-muted: #d0d7deb3;
|
332
|
+
$borderColor-emphasis: #6e7781;
|
333
|
+
$borderColor-disabled: #eaeef2b3;
|
334
|
+
$borderColor-transparent: #ffffff00;
|
335
|
+
$borderColor-neutral-muted: #afb8c133;
|
336
|
+
$borderColor-neutral-emphasis: #6e7781;
|
337
|
+
$borderColor-accent-muted: #54aeff66;
|
338
|
+
$borderColor-accent-emphasis: #0969da;
|
339
|
+
$borderColor-success-muted: #4ac26b66;
|
340
|
+
$borderColor-success-emphasis: #1a7f37;
|
341
|
+
$borderColor-attention-muted: #d4a72c66;
|
342
|
+
$borderColor-attention-emphasis: #bf8700;
|
343
|
+
$borderColor-severe-muted: #fb8f4466;
|
344
|
+
$borderColor-severe-emphasis: #bc4c00;
|
345
|
+
$borderColor-danger-muted: #ff818266;
|
346
|
+
$borderColor-danger-emphasis: #cf222e;
|
347
|
+
$borderColor-open-muted: #4ac26b66;
|
348
|
+
$borderColor-open-emphasis: #1a7f37;
|
349
|
+
$borderColor-closed-muted: #ff818266;
|
350
|
+
$borderColor-closed-emphasis: #cf222e;
|
351
|
+
$borderColor-done-muted: #c297ff66;
|
352
|
+
$borderColor-done-emphasis: #8250df;
|
353
|
+
$borderColor-sponsors-muted: #ff80c866;
|
354
|
+
$borderColor-sponsors-emphasis: #bf3989;
|
355
|
+
$color-ansi-black: #24292f;
|
356
|
+
$color-ansi-black-bright: #57606a;
|
357
|
+
$color-ansi-white: #6e7781;
|
358
|
+
$color-ansi-white-bright: #8c959f;
|
359
|
+
$color-ansi-gray: #6e7781;
|
360
|
+
$color-ansi-red: #cf222e;
|
361
|
+
$color-ansi-red-bright: #a40e26;
|
362
|
+
$color-ansi-green: #116329;
|
363
|
+
$color-ansi-green-bright: #1a7f37;
|
364
|
+
$color-ansi-yellow: #4d2d00;
|
365
|
+
$color-ansi-yellow-bright: #633c01;
|
366
|
+
$color-ansi-blue: #0969da;
|
367
|
+
$color-ansi-blue-bright: #218bff;
|
368
|
+
$color-ansi-magenta: #8250df;
|
369
|
+
$color-ansi-magenta-bright: #a475f9;
|
370
|
+
$color-ansi-cyan: #1b7c83;
|
371
|
+
$color-ansi-cyan-bright: #3192aa;
|
372
|
+
$color-prettylights-syntax-comment: #57606a;
|
373
|
+
$color-prettylights-syntax-constant: #0550ae;
|
374
|
+
$color-prettylights-syntax-constant-other-reference-link: #0a3069;
|
375
|
+
$color-prettylights-syntax-entity: #6639ba;
|
376
|
+
$color-prettylights-syntax-storage-modifier-import: #24292f;
|
377
|
+
$color-prettylights-syntax-entity-tag: #0550ae;
|
378
|
+
$color-prettylights-syntax-keyword: #cf222e;
|
379
|
+
$color-prettylights-syntax-string: #0a3069;
|
380
|
+
$color-prettylights-syntax-variable: #953800;
|
381
|
+
$color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
|
382
|
+
$color-prettylights-syntax-brackethighlighter-angle: #57606a;
|
383
|
+
$color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
|
384
|
+
$color-prettylights-syntax-invalid-illegal-bg: #82071e;
|
385
|
+
$color-prettylights-syntax-carriage-return-text: #f6f8fa;
|
386
|
+
$color-prettylights-syntax-carriage-return-bg: #cf222e;
|
387
|
+
$color-prettylights-syntax-string-regexp: #116329;
|
388
|
+
$color-prettylights-syntax-markup-list: #3b2300;
|
389
|
+
$color-prettylights-syntax-markup-heading: #0550ae;
|
390
|
+
$color-prettylights-syntax-markup-italic: #24292f;
|
391
|
+
$color-prettylights-syntax-markup-bold: #24292f;
|
392
|
+
$color-prettylights-syntax-markup-deleted-text: #82071e;
|
393
|
+
$color-prettylights-syntax-markup-deleted-bg: #ffebe9;
|
394
|
+
$color-prettylights-syntax-markup-inserted-text: #116329;
|
395
|
+
$color-prettylights-syntax-markup-inserted-bg: #dafbe1;
|
396
|
+
$color-prettylights-syntax-markup-changed-text: #953800;
|
397
|
+
$color-prettylights-syntax-markup-changed-bg: #ffd8b5;
|
398
|
+
$color-prettylights-syntax-markup-ignored-text: #eaeef2;
|
399
|
+
$color-prettylights-syntax-markup-ignored-bg: #0550ae;
|
400
|
+
$color-prettylights-syntax-meta-diff-range: #8250df;
|
401
|
+
$color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
|
402
|
+
$color-scale-black: #1f2328; // Avoid using scales, use other functional tokens instead
|
403
|
+
$color-scale-transparent: #ffffff00; // Avoid using scales, use other functional tokens instead
|
404
|
+
$color-scale-white: #ffffff; // Avoid using scales, use other functional tokens instead
|
405
|
+
$color-scale-gray-0: #f6f8fa; // Avoid using scales, use other functional tokens instead
|
406
|
+
$color-scale-gray-1: #eaeef2; // Avoid using scales, use other functional tokens instead
|
407
|
+
$color-scale-gray-2: #d0d7de; // Avoid using scales, use other functional tokens instead
|
408
|
+
$color-scale-gray-3: #afb8c1; // Avoid using scales, use other functional tokens instead
|
409
|
+
$color-scale-gray-4: #8c959f; // Avoid using scales, use other functional tokens instead
|
410
|
+
$color-scale-gray-5: #6e7781; // Avoid using scales, use other functional tokens instead
|
411
|
+
$color-scale-gray-6: #57606a; // Avoid using scales, use other functional tokens instead
|
412
|
+
$color-scale-gray-7: #424a53; // Avoid using scales, use other functional tokens instead
|
413
|
+
$color-scale-gray-8: #32383f; // Avoid using scales, use other functional tokens instead
|
414
|
+
$color-scale-gray-9: #24292f; // Avoid using scales, use other functional tokens instead
|
415
|
+
$color-scale-blue-0: #ddf4ff; // Avoid using scales, use other functional tokens instead
|
416
|
+
$color-scale-blue-1: #b6e3ff; // Avoid using scales, use other functional tokens instead
|
417
|
+
$color-scale-blue-2: #80ccff; // Avoid using scales, use other functional tokens instead
|
418
|
+
$color-scale-blue-3: #54aeff; // Avoid using scales, use other functional tokens instead
|
419
|
+
$color-scale-blue-4: #218bff; // Avoid using scales, use other functional tokens instead
|
420
|
+
$color-scale-blue-5: #0969da; // Avoid using scales, use other functional tokens instead
|
421
|
+
$color-scale-blue-6: #0550ae; // Avoid using scales, use other functional tokens instead
|
422
|
+
$color-scale-blue-7: #033d8b; // Avoid using scales, use other functional tokens instead
|
423
|
+
$color-scale-blue-8: #0a3069; // Avoid using scales, use other functional tokens instead
|
424
|
+
$color-scale-blue-9: #002155; // Avoid using scales, use other functional tokens instead
|
425
|
+
$color-scale-green-0: #dafbe1; // Avoid using scales, use other functional tokens instead
|
426
|
+
$color-scale-green-1: #aceebb; // Avoid using scales, use other functional tokens instead
|
427
|
+
$color-scale-green-2: #6fdd8b; // Avoid using scales, use other functional tokens instead
|
428
|
+
$color-scale-green-3: #4ac26b; // Avoid using scales, use other functional tokens instead
|
429
|
+
$color-scale-green-4: #2da44e; // Avoid using scales, use other functional tokens instead
|
430
|
+
$color-scale-green-5: #1a7f37; // Avoid using scales, use other functional tokens instead
|
431
|
+
$color-scale-green-6: #116329; // Avoid using scales, use other functional tokens instead
|
432
|
+
$color-scale-green-7: #044f1e; // Avoid using scales, use other functional tokens instead
|
433
|
+
$color-scale-green-8: #003d16; // Avoid using scales, use other functional tokens instead
|
434
|
+
$color-scale-green-9: #002d11; // Avoid using scales, use other functional tokens instead
|
435
|
+
$color-scale-yellow-0: #fff8c5; // Avoid using scales, use other functional tokens instead
|
436
|
+
$color-scale-yellow-1: #fae17d; // Avoid using scales, use other functional tokens instead
|
437
|
+
$color-scale-yellow-2: #eac54f; // Avoid using scales, use other functional tokens instead
|
438
|
+
$color-scale-yellow-3: #d4a72c; // Avoid using scales, use other functional tokens instead
|
439
|
+
$color-scale-yellow-4: #bf8700; // Avoid using scales, use other functional tokens instead
|
440
|
+
$color-scale-yellow-5: #9a6700; // Avoid using scales, use other functional tokens instead
|
441
|
+
$color-scale-yellow-6: #7d4e00; // Avoid using scales, use other functional tokens instead
|
442
|
+
$color-scale-yellow-7: #633c01; // Avoid using scales, use other functional tokens instead
|
443
|
+
$color-scale-yellow-8: #4d2d00; // Avoid using scales, use other functional tokens instead
|
444
|
+
$color-scale-yellow-9: #3b2300; // Avoid using scales, use other functional tokens instead
|
445
|
+
$color-scale-orange-0: #fff1e5; // Avoid using scales, use other functional tokens instead
|
446
|
+
$color-scale-orange-1: #ffd8b5; // Avoid using scales, use other functional tokens instead
|
447
|
+
$color-scale-orange-2: #ffb77c; // Avoid using scales, use other functional tokens instead
|
448
|
+
$color-scale-orange-3: #fb8f44; // Avoid using scales, use other functional tokens instead
|
449
|
+
$color-scale-orange-4: #e16f24; // Avoid using scales, use other functional tokens instead
|
450
|
+
$color-scale-orange-5: #bc4c00; // Avoid using scales, use other functional tokens instead
|
451
|
+
$color-scale-orange-6: #953800; // Avoid using scales, use other functional tokens instead
|
452
|
+
$color-scale-orange-7: #762c00; // Avoid using scales, use other functional tokens instead
|
453
|
+
$color-scale-orange-8: #5c2200; // Avoid using scales, use other functional tokens instead
|
454
|
+
$color-scale-orange-9: #471700; // Avoid using scales, use other functional tokens instead
|
455
|
+
$color-scale-red-0: #ffebe9; // Avoid using scales, use other functional tokens instead
|
456
|
+
$color-scale-red-1: #ffcecb; // Avoid using scales, use other functional tokens instead
|
457
|
+
$color-scale-red-2: #ffaba8; // Avoid using scales, use other functional tokens instead
|
458
|
+
$color-scale-red-3: #ff8182; // Avoid using scales, use other functional tokens instead
|
459
|
+
$color-scale-red-4: #fa4549; // Avoid using scales, use other functional tokens instead
|
460
|
+
$color-scale-red-5: #cf222e; // Avoid using scales, use other functional tokens instead
|
461
|
+
$color-scale-red-6: #a40e26; // Avoid using scales, use other functional tokens instead
|
462
|
+
$color-scale-red-7: #82071e; // Avoid using scales, use other functional tokens instead
|
463
|
+
$color-scale-red-8: #660018; // Avoid using scales, use other functional tokens instead
|
464
|
+
$color-scale-red-9: #4c0014; // Avoid using scales, use other functional tokens instead
|
465
|
+
$color-scale-purple-0: #fbefff; // Avoid using scales, use other functional tokens instead
|
466
|
+
$color-scale-purple-1: #ecd8ff; // Avoid using scales, use other functional tokens instead
|
467
|
+
$color-scale-purple-2: #d8b9ff; // Avoid using scales, use other functional tokens instead
|
468
|
+
$color-scale-purple-3: #c297ff; // Avoid using scales, use other functional tokens instead
|
469
|
+
$color-scale-purple-4: #a475f9; // Avoid using scales, use other functional tokens instead
|
470
|
+
$color-scale-purple-5: #8250df; // Avoid using scales, use other functional tokens instead
|
471
|
+
$color-scale-purple-6: #6639ba; // Avoid using scales, use other functional tokens instead
|
472
|
+
$color-scale-purple-7: #512a97; // Avoid using scales, use other functional tokens instead
|
473
|
+
$color-scale-purple-8: #3e1f79; // Avoid using scales, use other functional tokens instead
|
474
|
+
$color-scale-purple-9: #2e1461; // Avoid using scales, use other functional tokens instead
|
475
|
+
$color-scale-pink-0: #ffeff7; // Avoid using scales, use other functional tokens instead
|
476
|
+
$color-scale-pink-1: #ffd3eb; // Avoid using scales, use other functional tokens instead
|
477
|
+
$color-scale-pink-2: #ffadda; // Avoid using scales, use other functional tokens instead
|
478
|
+
$color-scale-pink-3: #ff80c8; // Avoid using scales, use other functional tokens instead
|
479
|
+
$color-scale-pink-4: #e85aad; // Avoid using scales, use other functional tokens instead
|
480
|
+
$color-scale-pink-5: #bf3989; // Avoid using scales, use other functional tokens instead
|
481
|
+
$color-scale-pink-6: #99286e; // Avoid using scales, use other functional tokens instead
|
482
|
+
$color-scale-pink-7: #772057; // Avoid using scales, use other functional tokens instead
|
483
|
+
$color-scale-pink-8: #611347; // Avoid using scales, use other functional tokens instead
|
484
|
+
$color-scale-pink-9: #4d0336; // Avoid using scales, use other functional tokens instead
|
485
|
+
$color-scale-coral-0: #fff0eb; // Avoid using scales, use other functional tokens instead
|
486
|
+
$color-scale-coral-1: #ffd6cc; // Avoid using scales, use other functional tokens instead
|
487
|
+
$color-scale-coral-2: #ffb4a1; // Avoid using scales, use other functional tokens instead
|
488
|
+
$color-scale-coral-3: #fd8c73; // Avoid using scales, use other functional tokens instead
|
489
|
+
$color-scale-coral-4: #ec6547; // Avoid using scales, use other functional tokens instead
|
490
|
+
$color-scale-coral-5: #c4432b; // Avoid using scales, use other functional tokens instead
|
491
|
+
$color-scale-coral-6: #9e2f1c; // Avoid using scales, use other functional tokens instead
|
492
|
+
$color-scale-coral-7: #801f0f; // Avoid using scales, use other functional tokens instead
|
493
|
+
$color-scale-coral-8: #691105; // Avoid using scales, use other functional tokens instead
|
494
|
+
$color-scale-coral-9: #510901; // Avoid using scales, use other functional tokens instead
|
495
|
+
$shadow-inset: inset 0px 1px 0px 0px #1f23280a;
|
496
|
+
$shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
|
497
|
+
$shadow-resting-small: 0px 1px 0px 0px #1f23280a;
|
498
|
+
$shadow-resting-medium: 0px 3px 6px 0px #424a531f;
|
499
|
+
$shadow-floating-small: 0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
|
500
|
+
$shadow-floating-medium: 0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
|
501
|
+
$shadow-floating-large: 0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d;
|
502
|
+
$shadow-floating-xlarge: 0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352;
|
503
|
+
$shadow-floating-legacy: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
|
@@ -0,0 +1,45 @@
|
|
1
|
+
$fontStack-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
|
2
|
+
$fontStack-sansSerif: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
|
3
|
+
$fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
|
4
|
+
$text-display-lineBoxHeight: 3.5rem;
|
5
|
+
$text-display-size: 2.5rem;
|
6
|
+
$text-display-lineHeight: 1.4;
|
7
|
+
$text-display-weight: 500;
|
8
|
+
$text-display-shorthand: 500 2.5rem/1.4 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports.
|
9
|
+
$text-title-size-large: 2rem;
|
10
|
+
$text-title-size-medium: 1.25rem;
|
11
|
+
$text-title-size-small: 1rem;
|
12
|
+
$text-title-lineHeight-large: 1.5;
|
13
|
+
$text-title-lineHeight-medium: 1.6;
|
14
|
+
$text-title-lineHeight-small: 1.5;
|
15
|
+
$text-title-weight-large: 600;
|
16
|
+
$text-title-weight-medium: 600;
|
17
|
+
$text-title-weight-small: 600;
|
18
|
+
$text-title-shorthand-large: 600 2rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Page headings for user-created objects, such as issues or pull requests. Utilize title (medium) styles on narrow viewports.
|
19
|
+
$text-title-shorthand-medium: 600 1.25rem/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition.
|
20
|
+
$text-title-shorthand-small: 600 1rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Uses the same size as body (large) with a heavier weight of semibold (600).
|
21
|
+
$text-subtitle-size: 1.25rem;
|
22
|
+
$text-subtitle-lineHeight: 1.6;
|
23
|
+
$text-subtitle-weight: 400;
|
24
|
+
$text-subtitle-shorthand: 400 1.25rem/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium).
|
25
|
+
$text-body-size-large: 1rem;
|
26
|
+
$text-body-size-medium: 0.875rem;
|
27
|
+
$text-body-size-small: 0.75rem;
|
28
|
+
$text-body-lineHeight-large: 1.5;
|
29
|
+
$text-body-lineHeight-medium: 1.4285;
|
30
|
+
$text-body-lineHeight-small: 1.6666;
|
31
|
+
$text-body-weight: 400;
|
32
|
+
$text-body-shorthand-large: 400 1rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // User-generated content, markdown rendering.
|
33
|
+
$text-body-shorthand-medium: 400 0.875rem/1.4285 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Default UI font. Most commonly used for body text.
|
34
|
+
$text-body-shorthand-small: 400 0.75rem/1.6666 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Small body text for discrete UI applications, such as helper, footnote text. Should be used sparingly across pages. Line-height matches Body (medium) at 20px.
|
35
|
+
$text-caption-size: 0.75rem;
|
36
|
+
$text-caption-lineHeight: 1.3333;
|
37
|
+
$text-caption-weight: 400;
|
38
|
+
$text-caption-shorthand: 400 0.75rem/1.3333 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Compact small font with a smaller line height of 16px. Use it for single-line scenarios, as the small sizing doesn’t pass accessibility requirements.
|
39
|
+
$text-codeBlock-size: 0.8125rem;
|
40
|
+
$text-codeBlock-lineHeight: 1.5385;
|
41
|
+
$text-codeBlock-weight: 400;
|
42
|
+
$text-codeBlock-shorthand: 400 0.8125rem/1.5385 ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; // Default style for rendering code blocks.
|
43
|
+
$text-codeInline-size: 0.9285em;
|
44
|
+
$text-codeInline-weight: 400;
|
45
|
+
$text-codeInline-shorthand: 400 0.9285em ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; // Inline code blocks using em units to inherit size from its parent.
|
@@ -1,21 +1,17 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
--base-size-112: 7rem;
|
19
|
-
--base-size-128: 8rem;
|
20
|
-
}
|
21
|
-
}
|
1
|
+
$base-size-4: 0.25rem;
|
2
|
+
$base-size-8: 0.5rem;
|
3
|
+
$base-size-12: 0.75rem;
|
4
|
+
$base-size-16: 1rem;
|
5
|
+
$base-size-20: 1.25rem;
|
6
|
+
$base-size-24: 1.5rem;
|
7
|
+
$base-size-28: 1.75rem;
|
8
|
+
$base-size-32: 2rem;
|
9
|
+
$base-size-36: 2.25rem;
|
10
|
+
$base-size-40: 2.5rem;
|
11
|
+
$base-size-44: 2.75rem;
|
12
|
+
$base-size-48: 3rem;
|
13
|
+
$base-size-64: 4rem;
|
14
|
+
$base-size-80: 5rem;
|
15
|
+
$base-size-96: 6rem;
|
16
|
+
$base-size-112: 7rem;
|
17
|
+
$base-size-128: 8rem;
|
@@ -1,8 +1,4 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
--base-text-weight-medium: 500;
|
6
|
-
--base-text-weight-semibold: 600;
|
7
|
-
}
|
8
|
-
}
|
1
|
+
$base-text-weight-light: 300;
|
2
|
+
$base-text-weight-normal: 400;
|
3
|
+
$base-text-weight-medium: 500;
|
4
|
+
$base-text-weight-semibold: 600;
|
@@ -0,0 +1,3 @@
|
|
1
|
+
$motion-loading-delay-default: 1s; // The amount of time to wait before showing a loading indicator or announcing a loading state to assistive technologies.
|
2
|
+
$motion-spinner-duration-rotation: 1s; // The amount of time it takes the "Spinner" loading indicator to make a full 360deg rotation
|
3
|
+
$motion-skeletonLoader-shimmer-duration-scale: 1s; // The amount of times it takes the "shimmer" effect to go from the start (left) of the skeleton loader to the end (right)
|
@@ -1,16 +1,12 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
--outline-focus-offset: -0.125rem;
|
14
|
-
--outline-focus-width: 0.125rem;
|
15
|
-
}
|
16
|
-
}
|
1
|
+
$boxShadow-thin: inset 0 0 0 max(1px, 0.0625rem); // Thin shadow for borders
|
2
|
+
$boxShadow-thick: inset 0 0 0 max(2px, 0.125rem);
|
3
|
+
$boxShadow-thicker: inset 0 0 0 max(4px, 0.25rem);
|
4
|
+
$borderWidth-thin: max(1px, 0.0625rem);
|
5
|
+
$borderWidth-thick: max(2px, 0.125rem);
|
6
|
+
$borderWidth-thicker: max(4px, 0.25rem);
|
7
|
+
$borderRadius-small: 0.1875rem;
|
8
|
+
$borderRadius-medium: 0.375rem;
|
9
|
+
$borderRadius-large: 0.75rem;
|
10
|
+
$borderRadius-full: 624.9375rem; // Use this border radius for pill shaped elements
|
11
|
+
$outline-focus-offset: -0.125rem;
|
12
|
+
$outline-focus-width: 0.125rem;
|
@@ -1,10 +1,6 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
--breakpoint-xlarge: 80rem;
|
8
|
-
--breakpoint-xxlarge: 90rem;
|
9
|
-
}
|
10
|
-
}
|
1
|
+
$breakpoint-xsmall: 20rem;
|
2
|
+
$breakpoint-small: 34rem;
|
3
|
+
$breakpoint-medium: 48rem;
|
4
|
+
$breakpoint-large: 63.25rem;
|
5
|
+
$breakpoint-xlarge: 80rem;
|
6
|
+
$breakpoint-xxlarge: 87.5rem;
|