jekyll-v4-theme-primer 0.9.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/LICENSE.md +22 -0
- data/README.md +116 -0
- data/_includes/.gitkeep +1 -0
- data/_includes/head-custom-google-analytics.html +10 -0
- data/_includes/head-custom.html +9 -0
- data/_includes/theme.html +11 -0
- data/_layouts/default.html +29 -0
- data/_layouts/home.html +4 -0
- data/_layouts/page.html +4 -0
- data/_layouts/post.html +4 -0
- data/_sass/@primer/css/actionlist/action-list-item-divider.scss +48 -0
- data/_sass/@primer/css/actionlist/action-list-item.scss +593 -0
- data/_sass/@primer/css/actionlist/action-list-tree.scss +118 -0
- data/_sass/@primer/css/actionlist/action-list-variables.scss +8 -0
- data/_sass/@primer/css/actionlist/action-list.scss +67 -0
- data/_sass/@primer/css/actionlist/index.scss +6 -0
- data/_sass/@primer/css/alerts/flash.scss +1 -0
- data/_sass/@primer/css/alerts/index.scss +3 -0
- data/_sass/@primer/css/autocomplete/autocomplete.scss +1 -0
- data/_sass/@primer/css/autocomplete/index.scss +4 -0
- data/_sass/@primer/css/autocomplete/suggester.scss +92 -0
- data/_sass/@primer/css/avatars/avatar-parent-child.scss +17 -0
- data/_sass/@primer/css/avatars/avatar-stack.scss +1 -0
- data/_sass/@primer/css/avatars/avatar.scss +1 -0
- data/_sass/@primer/css/avatars/circle-badge.scss +55 -0
- data/_sass/@primer/css/avatars/index.scss +7 -0
- data/_sass/@primer/css/base/base.scss +160 -0
- data/_sass/@primer/css/base/index.scss +6 -0
- data/_sass/@primer/css/base/kbd.scss +19 -0
- data/_sass/@primer/css/base/normalize.scss +381 -0
- data/_sass/@primer/css/base/octicons.scss +6 -0
- data/_sass/@primer/css/base/typography-base.scss +89 -0
- data/_sass/@primer/css/blankslate/blankslate.scss +1 -0
- data/_sass/@primer/css/blankslate/index.scss +2 -0
- data/_sass/@primer/css/box/box-overlay.scss +42 -0
- data/_sass/@primer/css/box/box.scss +1 -0
- data/_sass/@primer/css/box/index.scss +3 -0
- data/_sass/@primer/css/branch-name/branch-name.scss +31 -0
- data/_sass/@primer/css/branch-name/index.scss +3 -0
- data/_sass/@primer/css/breadcrumb/breadcrumb.scss +1 -0
- data/_sass/@primer/css/breadcrumb/index.scss +3 -0
- data/_sass/@primer/css/buttons/button-group.scss +92 -0
- data/_sass/@primer/css/buttons/button.scss +340 -0
- data/_sass/@primer/css/buttons/index.scss +4 -0
- data/_sass/@primer/css/buttons/misc.scss +231 -0
- data/_sass/@primer/css/color-modes/index.scss +12 -0
- data/_sass/@primer/css/color-modes/native.scss +22 -0
- data/_sass/@primer/css/color-modes/themes/dark.scss +6 -0
- data/_sass/@primer/css/color-modes/themes/dark_colorblind.scss +6 -0
- data/_sass/@primer/css/color-modes/themes/dark_dimmed.scss +6 -0
- data/_sass/@primer/css/color-modes/themes/dark_high_contrast.scss +6 -0
- data/_sass/@primer/css/color-modes/themes/dark_tritanopia.scss +6 -0
- data/_sass/@primer/css/color-modes/themes/light.scss +6 -0
- data/_sass/@primer/css/color-modes/themes/light_colorblind.scss +6 -0
- data/_sass/@primer/css/color-modes/themes/light_high_contrast.scss +6 -0
- data/_sass/@primer/css/color-modes/themes/light_tritanopia.scss +6 -0
- data/_sass/@primer/css/core/index.scss +30 -0
- data/_sass/@primer/css/dropdown/dropdown.scss +1 -0
- data/_sass/@primer/css/dropdown/index.scss +2 -0
- data/_sass/@primer/css/forms/FormControl.scss +1 -0
- data/_sass/@primer/css/forms/form-control.scss +267 -0
- data/_sass/@primer/css/forms/form-group.scss +287 -0
- data/_sass/@primer/css/forms/form-select.scss +46 -0
- data/_sass/@primer/css/forms/form-validation.scss +369 -0
- data/_sass/@primer/css/forms/index.scss +9 -0
- data/_sass/@primer/css/forms/input-group.scss +71 -0
- data/_sass/@primer/css/forms/radio-group.scss +62 -0
- data/_sass/@primer/css/header/header.scss +47 -0
- data/_sass/@primer/css/header/index.scss +2 -0
- data/_sass/@primer/css/index.scss +19 -0
- data/_sass/@primer/css/labels/counters.scss +1 -0
- data/_sass/@primer/css/labels/diffstat.scss +37 -0
- data/_sass/@primer/css/labels/index.scss +7 -0
- data/_sass/@primer/css/labels/issue-labels.scss +23 -0
- data/_sass/@primer/css/labels/labels.scss +1 -0
- data/_sass/@primer/css/labels/mixins.scss +37 -0
- data/_sass/@primer/css/labels/states.scss +1 -0
- data/_sass/@primer/css/layout/app-frame.scss +156 -0
- data/_sass/@primer/css/layout/container.scss +30 -0
- data/_sass/@primer/css/layout/grid-offset.scss +20 -0
- data/_sass/@primer/css/layout/grid.scss +65 -0
- data/_sass/@primer/css/layout/index.scss +8 -0
- data/_sass/@primer/css/layout/layout.scss +1 -0
- data/_sass/@primer/css/layout/page-layout.scss +413 -0
- data/_sass/@primer/css/layout/stack.scss +220 -0
- data/_sass/@primer/css/links/index.scss +3 -0
- data/_sass/@primer/css/links/link.scss +60 -0
- data/_sass/@primer/css/loaders/index.scss +2 -0
- data/_sass/@primer/css/loaders/loaders.scss +19 -0
- data/_sass/@primer/css/markdown/blob-csv.scss +29 -0
- data/_sass/@primer/css/markdown/code.scss +77 -0
- data/_sass/@primer/css/markdown/footnotes.scss +55 -0
- data/_sass/@primer/css/markdown/headings.scss +96 -0
- data/_sass/@primer/css/markdown/images.scss +130 -0
- data/_sass/@primer/css/markdown/index.scss +9 -0
- data/_sass/@primer/css/markdown/lists.scss +98 -0
- data/_sass/@primer/css/markdown/markdown-body.scss +96 -0
- data/_sass/@primer/css/markdown/tables.scss +36 -0
- data/_sass/@primer/css/marketing/buttons/button.scss +164 -0
- data/_sass/@primer/css/marketing/buttons/index.scss +3 -0
- data/_sass/@primer/css/marketing/index.scss +15 -0
- data/_sass/@primer/css/marketing/links/index.scss +3 -0
- data/_sass/@primer/css/marketing/links/link.scss +50 -0
- data/_sass/@primer/css/marketing/support/index.scss +2 -0
- data/_sass/@primer/css/marketing/support/variables.scss +127 -0
- data/_sass/@primer/css/marketing/type/index.scss +3 -0
- data/_sass/@primer/css/marketing/type/typography.scss +118 -0
- data/_sass/@primer/css/marketing/utilities/animations.scss +51 -0
- data/_sass/@primer/css/marketing/utilities/borders.scss +4 -0
- data/_sass/@primer/css/marketing/utilities/filters.scss +3 -0
- data/_sass/@primer/css/marketing/utilities/index.scss +6 -0
- data/_sass/@primer/css/marketing/utilities/layout.scss +51 -0
- data/_sass/@primer/css/navigation/filter-list.scss +82 -0
- data/_sass/@primer/css/navigation/index.scss +8 -0
- data/_sass/@primer/css/navigation/menu.scss +1 -0
- data/_sass/@primer/css/navigation/sidenav.scss +99 -0
- data/_sass/@primer/css/navigation/subnav.scss +146 -0
- data/_sass/@primer/css/navigation/tabnav.scss +1 -0
- data/_sass/@primer/css/navigation/underline-nav.scss +1 -0
- data/_sass/@primer/css/overlay/index.scss +2 -0
- data/_sass/@primer/css/overlay/overlay.scss +1 -0
- data/_sass/@primer/css/pagination/index.scss +3 -0
- data/_sass/@primer/css/pagination/pagination.scss +156 -0
- data/_sass/@primer/css/popover/index.scss +3 -0
- data/_sass/@primer/css/popover/popover.scss +1 -0
- data/_sass/@primer/css/primitives/index.scss +10 -0
- data/_sass/@primer/css/primitives/temp-typography-tokens.scss +22 -0
- data/_sass/@primer/css/product/index.scss +28 -0
- data/_sass/@primer/css/progress/index.scss +3 -0
- data/_sass/@primer/css/progress/progress.scss +1 -0
- data/_sass/@primer/css/select-menu/index.scss +3 -0
- data/_sass/@primer/css/select-menu/select-menu.scss +463 -0
- data/_sass/@primer/css/subhead/index.scss +3 -0
- data/_sass/@primer/css/subhead/subhead.scss +1 -0
- data/_sass/@primer/css/support/index.scss +10 -0
- data/_sass/@primer/css/support/mixins/color-modes.scss +109 -0
- data/_sass/@primer/css/support/mixins/layout.scss +58 -0
- data/_sass/@primer/css/support/mixins/misc.scss +73 -0
- data/_sass/@primer/css/support/mixins/typography.scss +91 -0
- data/_sass/@primer/css/support/variables/layout.scss +230 -0
- data/_sass/@primer/css/support/variables/misc.scss +18 -0
- data/_sass/@primer/css/support/variables/typography.scss +43 -0
- data/_sass/@primer/css/table-object/index.scss +1 -0
- data/_sass/@primer/css/table-object/table-object.scss +23 -0
- data/_sass/@primer/css/timeline/index.scss +2 -0
- data/_sass/@primer/css/timeline/timeline-item.scss +1 -0
- data/_sass/@primer/css/toasts/index.scss +2 -0
- data/_sass/@primer/css/toasts/toasts.scss +127 -0
- data/_sass/@primer/css/toggle-switch/index.scss +2 -0
- data/_sass/@primer/css/toggle-switch/toggle-switch.scss +1 -0
- data/_sass/@primer/css/tooltips/index.scss +2 -0
- data/_sass/@primer/css/tooltips/tooltips.scss +281 -0
- data/_sass/@primer/css/truncate/index.scss +2 -0
- data/_sass/@primer/css/truncate/truncate.scss +2 -0
- data/_sass/@primer/css/utilities/animations.scss +196 -0
- data/_sass/@primer/css/utilities/borders.scss +74 -0
- data/_sass/@primer/css/utilities/box-shadow.scss +25 -0
- data/_sass/@primer/css/utilities/colors.scss +95 -0
- data/_sass/@primer/css/utilities/details.scss +105 -0
- data/_sass/@primer/css/utilities/flexbox.scss +52 -0
- data/_sass/@primer/css/utilities/index.scss +14 -0
- data/_sass/@primer/css/utilities/layout.scss +96 -0
- data/_sass/@primer/css/utilities/margin.scss +71 -0
- data/_sass/@primer/css/utilities/padding.scss +56 -0
- data/_sass/@primer/css/utilities/typography.scss +332 -0
- data/_sass/@primer/css/utilities/visibility-display.scss +123 -0
- data/_sass/@primer/primitives/dist/scss/colors/_dark.scss +443 -0
- data/_sass/@primer/primitives/dist/scss/colors/_dark_colorblind.scss +443 -0
- data/_sass/@primer/primitives/dist/scss/colors/_dark_dimmed.scss +443 -0
- data/_sass/@primer/primitives/dist/scss/colors/_dark_high_contrast.scss +443 -0
- data/_sass/@primer/primitives/dist/scss/colors/_dark_tritanopia.scss +443 -0
- data/_sass/@primer/primitives/dist/scss/colors/_light.scss +443 -0
- data/_sass/@primer/primitives/dist/scss/colors/_light_colorblind.scss +443 -0
- data/_sass/@primer/primitives/dist/scss/colors/_light_high_contrast.scss +443 -0
- data/_sass/@primer/primitives/dist/scss/colors/_light_tritanopia.scss +443 -0
- data/_sass/@primer/primitives/dist/scss/spacing/_normal.scss +11 -0
- data/_sass/@primer/primitives/dist/scss/typography/_normal.scss +15 -0
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/base/size/size.scss +21 -0
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/base/typography/typography.scss +8 -0
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/border.scss +14 -0
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +10 -0
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +7 -0
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +7 -0
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/size.scss +51 -0
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/viewport.scss +10 -0
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/typography/typography.scss +44 -0
- data/_sass/@primer/view-components/LICENSE.txt +21 -0
- data/_sass/@primer/view-components/README.md +17 -0
- data/_sass/@primer/view-components/app/assets/javascripts/primer_view_components.js +2 -0
- data/_sass/@primer/view-components/app/assets/javascripts/primer_view_components.js.map +1 -0
- data/_sass/@primer/view-components/app/assets/styles/primer_view_components.css +3 -0
- data/_sass/@primer/view-components/app/assets/styles/primer_view_components.css.map +1 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/action_list.css +1 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/action_list.css.json +1 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/auto_complete.css +1 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/auto_complete.css.json +1 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/banner.css +1 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/banner.css.json +1 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/button_marketing.css +1 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/button_marketing.css.json +1 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/dialog.css +1 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/dialog.css.json +1 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/dropdown/menu.d.ts +1 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/dropdown/menu.js +1 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/dropdown.css +1 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/dropdown.css.json +1 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/dropdown.d.ts +1 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/dropdown.js +1 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/image_crop.d.ts +1 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/image_crop.js +1 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/layout.css +1 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/layout.css.json +1 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/menu.css +1 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/menu.css.json +1 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/modal_dialog.d.ts +18 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/modal_dialog.js +150 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/nav_list.d.ts +25 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/nav_list.js +130 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/segmented_control.css +1 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/segmented_control.css.json +1 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/segmented_control.d.ts +12 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/segmented_control.js +47 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/tab_nav.css +1 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/tab_nav.css.json +1 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/text_field.css +3 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/text_field.css.json +1 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/toggle_switch.css +1 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/toggle_switch.css.json +1 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/toggle_switch.d.ts +29 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/toggle_switch.js +144 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/tool_tip.d.ts +25 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/tool_tip.js +389 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/underline_nav.css +1 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/underline_nav.css.json +1 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/x_banner.d.ts +11 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/x_banner.js +35 -0
- data/_sass/@primer/view-components/app/components/primer/beta/auto_complete/auto_complete.d.ts +1 -0
- data/_sass/@primer/view-components/app/components/primer/beta/auto_complete/auto_complete.js +1 -0
- data/_sass/@primer/view-components/app/components/primer/beta/avatar.css +1 -0
- data/_sass/@primer/view-components/app/components/primer/beta/avatar.css.json +1 -0
- data/_sass/@primer/view-components/app/components/primer/beta/avatar_stack.css +1 -0
- data/_sass/@primer/view-components/app/components/primer/beta/avatar_stack.css.json +1 -0
- data/_sass/@primer/view-components/app/components/primer/beta/blankslate.css +1 -0
- 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 -0
- data/_sass/@primer/view-components/app/components/primer/beta/border_box.css.json +1 -0
- data/_sass/@primer/view-components/app/components/primer/beta/breadcrumbs.css +1 -0
- data/_sass/@primer/view-components/app/components/primer/beta/breadcrumbs.css.json +1 -0
- data/_sass/@primer/view-components/app/components/primer/beta/button.css +1 -0
- data/_sass/@primer/view-components/app/components/primer/beta/button.css.json +1 -0
- data/_sass/@primer/view-components/app/components/primer/beta/clipboard_copy.d.ts +1 -0
- data/_sass/@primer/view-components/app/components/primer/beta/clipboard_copy.js +43 -0
- data/_sass/@primer/view-components/app/components/primer/beta/counter.css +1 -0
- data/_sass/@primer/view-components/app/components/primer/beta/counter.css.json +1 -0
- data/_sass/@primer/view-components/app/components/primer/beta/flash.css +1 -0
- data/_sass/@primer/view-components/app/components/primer/beta/flash.css.json +1 -0
- data/_sass/@primer/view-components/app/components/primer/beta/label.css +1 -0
- data/_sass/@primer/view-components/app/components/primer/beta/label.css.json +1 -0
- data/_sass/@primer/view-components/app/components/primer/beta/link.css +1 -0
- data/_sass/@primer/view-components/app/components/primer/beta/link.css.json +1 -0
- data/_sass/@primer/view-components/app/components/primer/beta/popover.css +1 -0
- data/_sass/@primer/view-components/app/components/primer/beta/popover.css.json +1 -0
- data/_sass/@primer/view-components/app/components/primer/beta/progress_bar.css +1 -0
- data/_sass/@primer/view-components/app/components/primer/beta/progress_bar.css.json +1 -0
- data/_sass/@primer/view-components/app/components/primer/beta/truncate.css +1 -0
- data/_sass/@primer/view-components/app/components/primer/beta/truncate.css.json +1 -0
- data/_sass/@primer/view-components/app/components/primer/local_time.d.ts +1 -0
- data/_sass/@primer/view-components/app/components/primer/local_time.js +1 -0
- data/_sass/@primer/view-components/app/components/primer/primer.d.ts +15 -0
- data/_sass/@primer/view-components/app/components/primer/primer.js +15 -0
- data/_sass/@primer/view-components/app/components/primer/state_component.css +1 -0
- data/_sass/@primer/view-components/app/components/primer/state_component.css.json +1 -0
- data/_sass/@primer/view-components/app/components/primer/subhead_component.css +1 -0
- data/_sass/@primer/view-components/app/components/primer/subhead_component.css.json +1 -0
- data/_sass/@primer/view-components/app/components/primer/tab_container_component.d.ts +1 -0
- data/_sass/@primer/view-components/app/components/primer/tab_container_component.js +1 -0
- data/_sass/@primer/view-components/app/components/primer/time_ago_component.d.ts +1 -0
- data/_sass/@primer/view-components/app/components/primer/time_ago_component.js +1 -0
- data/_sass/@primer/view-components/app/components/primer/timeline_item_component.css +1 -0
- data/_sass/@primer/view-components/app/components/primer/timeline_item_component.css.json +1 -0
- data/_sass/@primer/view-components/app/components/primer/truncate.css +1 -0
- data/_sass/@primer/view-components/app/components/primer/truncate.css.json +1 -0
- data/_sass/@primer/view-components/lib/primer/forms/primer_multi_input.d.ts +10 -0
- data/_sass/@primer/view-components/lib/primer/forms/primer_multi_input.js +45 -0
- data/_sass/@primer/view-components/lib/primer/forms/primer_text_field.d.ts +1 -0
- data/_sass/@primer/view-components/lib/primer/forms/primer_text_field.js +62 -0
- data/_sass/@primer/view-components/package.json +95 -0
- data/_sass/@primer/view-components/static/arguments.json +2586 -0
- data/_sass/@primer/view-components/static/audited_at.json +100 -0
- data/_sass/@primer/view-components/static/constants.json +1157 -0
- data/_sass/@primer/view-components/static/statuses.json +100 -0
- data/_sass/jekyll-theme-primer.scss +8 -0
- data/_sass/primer.scss +4 -0
- data/_sass/rouge.scss +213 -0
- data/assets/css/style.scss +4 -0
- metadata +444 -0
@@ -0,0 +1,381 @@
|
|
1
|
+
// stylelint-disable
|
2
|
+
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
|
3
|
+
|
4
|
+
/**
|
5
|
+
* 1. Change the default font family in all browsers (opinionated).
|
6
|
+
* 2. Prevent adjustments of font size after orientation changes in IE and iOS.
|
7
|
+
*/
|
8
|
+
|
9
|
+
html {
|
10
|
+
font-family: sans-serif; /* 1 */
|
11
|
+
-ms-text-size-adjust: 100%; /* 2 */
|
12
|
+
-webkit-text-size-adjust: 100%; /* 2 */
|
13
|
+
}
|
14
|
+
|
15
|
+
/**
|
16
|
+
* Remove the margin in all browsers (opinionated).
|
17
|
+
*/
|
18
|
+
|
19
|
+
body {
|
20
|
+
margin: 0;
|
21
|
+
}
|
22
|
+
|
23
|
+
/* HTML5 display definitions
|
24
|
+
========================================================================== */
|
25
|
+
|
26
|
+
/**
|
27
|
+
* Add the correct display in IE 9-.
|
28
|
+
* 1. Add the correct display in Edge, IE, and Firefox.
|
29
|
+
* 2. Add the correct display in IE.
|
30
|
+
*/
|
31
|
+
|
32
|
+
article,
|
33
|
+
aside,
|
34
|
+
details, /* 1 */
|
35
|
+
figcaption,
|
36
|
+
figure,
|
37
|
+
footer,
|
38
|
+
header,
|
39
|
+
main, /* 2 */
|
40
|
+
menu,
|
41
|
+
nav,
|
42
|
+
section {
|
43
|
+
/* 1 */
|
44
|
+
display: block;
|
45
|
+
}
|
46
|
+
|
47
|
+
summary {
|
48
|
+
display: list-item;
|
49
|
+
}
|
50
|
+
|
51
|
+
/**
|
52
|
+
* Add the correct display in IE 9-.
|
53
|
+
*/
|
54
|
+
|
55
|
+
audio,
|
56
|
+
canvas,
|
57
|
+
progress,
|
58
|
+
video {
|
59
|
+
display: inline-block;
|
60
|
+
}
|
61
|
+
|
62
|
+
/**
|
63
|
+
* Add the correct display in iOS 4-7.
|
64
|
+
*/
|
65
|
+
|
66
|
+
audio:not([controls]) {
|
67
|
+
display: none;
|
68
|
+
height: 0;
|
69
|
+
}
|
70
|
+
|
71
|
+
/**
|
72
|
+
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
73
|
+
*/
|
74
|
+
|
75
|
+
progress {
|
76
|
+
vertical-align: baseline;
|
77
|
+
}
|
78
|
+
|
79
|
+
/**
|
80
|
+
* Add the correct display in IE 10-.
|
81
|
+
* 1. Add the correct display in IE.
|
82
|
+
*/
|
83
|
+
|
84
|
+
template, /* 1 */
|
85
|
+
[hidden] {
|
86
|
+
display: none !important;
|
87
|
+
}
|
88
|
+
|
89
|
+
/* Links
|
90
|
+
========================================================================== */
|
91
|
+
|
92
|
+
/**
|
93
|
+
* Remove the gray background on active links in IE 10.
|
94
|
+
*/
|
95
|
+
|
96
|
+
a {
|
97
|
+
background-color: transparent; /* 1 */
|
98
|
+
}
|
99
|
+
|
100
|
+
/* Text-level semantics
|
101
|
+
========================================================================== */
|
102
|
+
|
103
|
+
/**
|
104
|
+
* 1. Remove the bottom border in Firefox 39-.
|
105
|
+
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
106
|
+
*/
|
107
|
+
|
108
|
+
abbr[title] {
|
109
|
+
border-bottom: none; /* 1 */
|
110
|
+
text-decoration: underline; /* 2 */
|
111
|
+
text-decoration: underline dotted; /* 2 */
|
112
|
+
}
|
113
|
+
|
114
|
+
/**
|
115
|
+
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
|
116
|
+
*/
|
117
|
+
|
118
|
+
b,
|
119
|
+
strong {
|
120
|
+
font-weight: inherit;
|
121
|
+
}
|
122
|
+
|
123
|
+
/**
|
124
|
+
* Add the correct font weight in Chrome, Edge, and Safari.
|
125
|
+
*/
|
126
|
+
|
127
|
+
b,
|
128
|
+
strong {
|
129
|
+
font-weight: bolder;
|
130
|
+
}
|
131
|
+
|
132
|
+
/**
|
133
|
+
* Add the correct font style in Android 4.3-.
|
134
|
+
*/
|
135
|
+
|
136
|
+
dfn {
|
137
|
+
font-style: italic;
|
138
|
+
}
|
139
|
+
|
140
|
+
/**
|
141
|
+
* Correct the font size and margin on `h1` elements within `section` and
|
142
|
+
* `article` contexts in Chrome, Firefox, and Safari.
|
143
|
+
*/
|
144
|
+
|
145
|
+
h1 {
|
146
|
+
font-size: 2em;
|
147
|
+
margin: 0.67em 0;
|
148
|
+
}
|
149
|
+
|
150
|
+
/**
|
151
|
+
* Add the correct background and color in IE 9-.
|
152
|
+
*/
|
153
|
+
|
154
|
+
mark {
|
155
|
+
background-color: var(--color-attention-subtle);
|
156
|
+
color: var(--color-fg-default);
|
157
|
+
}
|
158
|
+
|
159
|
+
/**
|
160
|
+
* Add the correct font size in all browsers.
|
161
|
+
*/
|
162
|
+
|
163
|
+
small {
|
164
|
+
font-size: 80%;
|
165
|
+
}
|
166
|
+
|
167
|
+
/**
|
168
|
+
* Prevent `sub` and `sup` elements from affecting the line height in
|
169
|
+
* all browsers.
|
170
|
+
*/
|
171
|
+
|
172
|
+
sub,
|
173
|
+
sup {
|
174
|
+
font-size: 75%;
|
175
|
+
line-height: 0;
|
176
|
+
position: relative;
|
177
|
+
vertical-align: baseline;
|
178
|
+
}
|
179
|
+
|
180
|
+
sub {
|
181
|
+
bottom: -0.25em;
|
182
|
+
}
|
183
|
+
|
184
|
+
sup {
|
185
|
+
top: -0.5em;
|
186
|
+
}
|
187
|
+
|
188
|
+
/* Embedded content
|
189
|
+
========================================================================== */
|
190
|
+
|
191
|
+
/**
|
192
|
+
* Remove the border on images inside links in IE 10-.
|
193
|
+
*/
|
194
|
+
|
195
|
+
img {
|
196
|
+
border-style: none;
|
197
|
+
}
|
198
|
+
|
199
|
+
/**
|
200
|
+
* Hide the overflow in IE.
|
201
|
+
*/
|
202
|
+
|
203
|
+
svg:not(:root) {
|
204
|
+
overflow: hidden;
|
205
|
+
}
|
206
|
+
|
207
|
+
/* Grouping content
|
208
|
+
========================================================================== */
|
209
|
+
|
210
|
+
/**
|
211
|
+
* 1. Correct the inheritance and scaling of font size in all browsers.
|
212
|
+
* 2. Correct the odd `em` font sizing in all browsers.
|
213
|
+
*/
|
214
|
+
|
215
|
+
code,
|
216
|
+
kbd,
|
217
|
+
pre,
|
218
|
+
samp {
|
219
|
+
font-family: monospace; /* 1 */
|
220
|
+
font-size: 1em; /* 2 */
|
221
|
+
}
|
222
|
+
|
223
|
+
/**
|
224
|
+
* Add the correct margin in IE 8.
|
225
|
+
*/
|
226
|
+
|
227
|
+
figure {
|
228
|
+
margin: 1em $spacer-6;
|
229
|
+
}
|
230
|
+
|
231
|
+
/**
|
232
|
+
* 1. Add the correct box sizing in Firefox.
|
233
|
+
* 2. Show the overflow in Edge and IE.
|
234
|
+
*/
|
235
|
+
|
236
|
+
hr {
|
237
|
+
box-sizing: content-box; /* 1 */
|
238
|
+
height: 0; /* 1 */
|
239
|
+
overflow: visible; /* 2 */
|
240
|
+
}
|
241
|
+
|
242
|
+
/* Forms
|
243
|
+
========================================================================== */
|
244
|
+
|
245
|
+
/**
|
246
|
+
* 1. Change font properties to `inherit` in all browsers (opinionated).
|
247
|
+
* 2. Remove the margin in Firefox and Safari.
|
248
|
+
*/
|
249
|
+
|
250
|
+
button,
|
251
|
+
input,
|
252
|
+
select,
|
253
|
+
textarea {
|
254
|
+
font: inherit; /* 1 */
|
255
|
+
margin: 0; /* 2 */
|
256
|
+
}
|
257
|
+
|
258
|
+
/**
|
259
|
+
* Restore the font weight unset by the previous rule.
|
260
|
+
*/
|
261
|
+
|
262
|
+
optgroup {
|
263
|
+
font-weight: $font-weight-bold;
|
264
|
+
}
|
265
|
+
|
266
|
+
/**
|
267
|
+
* Show the overflow in IE.
|
268
|
+
* 1. Show the overflow in Edge.
|
269
|
+
*/
|
270
|
+
|
271
|
+
button,
|
272
|
+
input {
|
273
|
+
/* 1 */
|
274
|
+
overflow: visible;
|
275
|
+
}
|
276
|
+
|
277
|
+
/**
|
278
|
+
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
279
|
+
* 1. Remove the inheritance of text transform in Firefox.
|
280
|
+
*/
|
281
|
+
|
282
|
+
button,
|
283
|
+
select {
|
284
|
+
/* 1 */
|
285
|
+
text-transform: none;
|
286
|
+
}
|
287
|
+
|
288
|
+
/**
|
289
|
+
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
|
290
|
+
* controls in Android 4.
|
291
|
+
* 2. Correct the inability to style clickable types in iOS and Safari.
|
292
|
+
*/
|
293
|
+
|
294
|
+
button,
|
295
|
+
html [type="button"], /* 1 */
|
296
|
+
[type="reset"],
|
297
|
+
[type="submit"] {
|
298
|
+
-webkit-appearance: button; /* 2 */
|
299
|
+
}
|
300
|
+
|
301
|
+
/**
|
302
|
+
* Change the border, margin, and padding in all browsers (opinionated).
|
303
|
+
*/
|
304
|
+
|
305
|
+
fieldset {
|
306
|
+
border: $border-width $border-style #c0c0c0;
|
307
|
+
margin: 0 2px;
|
308
|
+
padding: 0.35em 0.625em $em-spacer-6;
|
309
|
+
}
|
310
|
+
|
311
|
+
/**
|
312
|
+
* 1. Correct the text wrapping in Edge and IE.
|
313
|
+
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
314
|
+
* 3. Remove the padding so developers are not caught out when they zero out
|
315
|
+
* `fieldset` elements in all browsers.
|
316
|
+
*/
|
317
|
+
|
318
|
+
legend {
|
319
|
+
box-sizing: border-box; /* 1 */
|
320
|
+
color: inherit; /* 2 */
|
321
|
+
display: table; /* 1 */
|
322
|
+
max-width: 100%; /* 1 */
|
323
|
+
padding: 0; /* 3 */
|
324
|
+
white-space: normal; /* 1 */
|
325
|
+
}
|
326
|
+
|
327
|
+
/**
|
328
|
+
* Remove the default vertical scrollbar in IE.
|
329
|
+
*/
|
330
|
+
|
331
|
+
textarea {
|
332
|
+
overflow: auto;
|
333
|
+
}
|
334
|
+
|
335
|
+
/**
|
336
|
+
* 1. Add the correct box sizing in IE 10-.
|
337
|
+
* 2. Remove the padding in IE 10-.
|
338
|
+
*/
|
339
|
+
|
340
|
+
[type='checkbox'],
|
341
|
+
[type='radio'] {
|
342
|
+
box-sizing: border-box; /* 1 */
|
343
|
+
padding: 0; /* 2 */
|
344
|
+
}
|
345
|
+
|
346
|
+
/**
|
347
|
+
* Correct the cursor style of increment and decrement buttons in Chrome.
|
348
|
+
*/
|
349
|
+
|
350
|
+
[type='number']::-webkit-inner-spin-button,
|
351
|
+
[type='number']::-webkit-outer-spin-button {
|
352
|
+
height: auto;
|
353
|
+
}
|
354
|
+
|
355
|
+
/**
|
356
|
+
* Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
|
357
|
+
*/
|
358
|
+
|
359
|
+
[type='search']::-webkit-search-cancel-button,
|
360
|
+
[type='search']::-webkit-search-decoration {
|
361
|
+
-webkit-appearance: none;
|
362
|
+
}
|
363
|
+
|
364
|
+
/**
|
365
|
+
* Correct the text style of placeholders in Chrome, Edge, and Safari.
|
366
|
+
*/
|
367
|
+
|
368
|
+
::-webkit-input-placeholder {
|
369
|
+
color: inherit;
|
370
|
+
opacity: 0.54;
|
371
|
+
}
|
372
|
+
|
373
|
+
/**
|
374
|
+
* 1. Correct the inability to style clickable types in iOS and Safari.
|
375
|
+
* 2. Change font properties to `inherit` in Safari.
|
376
|
+
*/
|
377
|
+
|
378
|
+
::-webkit-file-upload-button {
|
379
|
+
-webkit-appearance: button; /* 1 */
|
380
|
+
font: inherit; /* 2 */
|
381
|
+
}
|
@@ -0,0 +1,89 @@
|
|
1
|
+
// Headings
|
2
|
+
// --------------------------------------------------
|
3
|
+
// stylelint-disable selector-max-type
|
4
|
+
h1,
|
5
|
+
h2,
|
6
|
+
h3,
|
7
|
+
h4,
|
8
|
+
h5,
|
9
|
+
h6 {
|
10
|
+
margin-top: 0;
|
11
|
+
margin-bottom: 0;
|
12
|
+
}
|
13
|
+
|
14
|
+
h1 { @include h1; }
|
15
|
+
h2 { @include h2; }
|
16
|
+
h3 { @include h3; }
|
17
|
+
h4 { @include h4; }
|
18
|
+
h5 { @include h5; }
|
19
|
+
h6 { @include h6; }
|
20
|
+
|
21
|
+
// Body text
|
22
|
+
// --------------------------------------------------
|
23
|
+
|
24
|
+
p {
|
25
|
+
margin-top: 0;
|
26
|
+
// stylelint-disable-next-line primer/spacing
|
27
|
+
margin-bottom: 10px;
|
28
|
+
}
|
29
|
+
|
30
|
+
small {
|
31
|
+
// stylelint-disable-next-line primer/typography
|
32
|
+
font-size: 90%;
|
33
|
+
}
|
34
|
+
|
35
|
+
blockquote {
|
36
|
+
margin: 0;
|
37
|
+
}
|
38
|
+
|
39
|
+
// Lists
|
40
|
+
// --------------------------------------------------
|
41
|
+
|
42
|
+
ul,
|
43
|
+
ol {
|
44
|
+
padding-left: 0;
|
45
|
+
margin-top: 0;
|
46
|
+
margin-bottom: 0;
|
47
|
+
}
|
48
|
+
|
49
|
+
ol ol,
|
50
|
+
ul ol {
|
51
|
+
list-style-type: lower-roman;
|
52
|
+
}
|
53
|
+
|
54
|
+
ul ul ol,
|
55
|
+
ul ol ol,
|
56
|
+
ol ul ol,
|
57
|
+
ol ol ol {
|
58
|
+
list-style-type: lower-alpha;
|
59
|
+
}
|
60
|
+
|
61
|
+
dd {
|
62
|
+
margin-left: 0;
|
63
|
+
}
|
64
|
+
|
65
|
+
// Monospaced
|
66
|
+
// --------------------------------------------------
|
67
|
+
|
68
|
+
tt,
|
69
|
+
code,
|
70
|
+
samp {
|
71
|
+
font-family: $mono-font;
|
72
|
+
font-size: $font-size-small;
|
73
|
+
}
|
74
|
+
|
75
|
+
pre {
|
76
|
+
margin-top: 0;
|
77
|
+
margin-bottom: 0;
|
78
|
+
font-family: $mono-font;
|
79
|
+
font-size: $font-size-small;
|
80
|
+
}
|
81
|
+
|
82
|
+
// Octicons
|
83
|
+
// --------------------------------------------------
|
84
|
+
|
85
|
+
// Move this over here as a temporary override to the octicons source repo
|
86
|
+
// instead of updating that upstream.
|
87
|
+
.octicon {
|
88
|
+
vertical-align: text-bottom;
|
89
|
+
}
|
@@ -0,0 +1 @@
|
|
1
|
+
@import '@primer/view-components/app/components/primer/beta/blankslate';
|
@@ -0,0 +1,42 @@
|
|
1
|
+
.Box--overlay {
|
2
|
+
// stylelint-disable-next-line primer/responsive-widths
|
3
|
+
width: 448px;
|
4
|
+
margin-right: auto;
|
5
|
+
margin-left: auto;
|
6
|
+
background-color: var(--color-canvas-default);
|
7
|
+
background-clip: padding-box;
|
8
|
+
border-color: var(--color-border-default);
|
9
|
+
// stylelint-disable-next-line primer/box-shadow
|
10
|
+
box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
|
11
|
+
|
12
|
+
.Box-header {
|
13
|
+
margin: 0;
|
14
|
+
border-width: 0;
|
15
|
+
border-bottom-width: $border-width;
|
16
|
+
border-top-left-radius: $border-radius;
|
17
|
+
border-top-right-radius: $border-radius;
|
18
|
+
}
|
19
|
+
}
|
20
|
+
|
21
|
+
.Box-overlay--narrow {
|
22
|
+
width: 320px;
|
23
|
+
}
|
24
|
+
|
25
|
+
.Box-overlay--wide {
|
26
|
+
// stylelint-disable-next-line primer/responsive-widths
|
27
|
+
width: 640px;
|
28
|
+
}
|
29
|
+
|
30
|
+
.Box-body {
|
31
|
+
&.scrollable-overlay {
|
32
|
+
max-height: 400px;
|
33
|
+
overflow-y: scroll;
|
34
|
+
}
|
35
|
+
|
36
|
+
.help {
|
37
|
+
padding-top: $spacer-2;
|
38
|
+
margin: 0;
|
39
|
+
color: var(--color-fg-muted);
|
40
|
+
text-align: center;
|
41
|
+
}
|
42
|
+
}
|
@@ -0,0 +1 @@
|
|
1
|
+
@import '@primer/view-components/app/components/primer/beta/border_box';
|
@@ -0,0 +1,31 @@
|
|
1
|
+
// stylelint-disable selector-max-type, selector-no-qualifying-type
|
2
|
+
|
3
|
+
// A nice way to display branch names inside the UI. Can be a link or not.
|
4
|
+
|
5
|
+
.branch-name {
|
6
|
+
display: inline-block;
|
7
|
+
// stylelint-disable-next-line primer/spacing
|
8
|
+
padding: 2px 6px;
|
9
|
+
font: 12px $mono-font;
|
10
|
+
color: var(--color-fg-muted);
|
11
|
+
word-break: break-all;
|
12
|
+
background-color: var(--color-accent-subtle);
|
13
|
+
border-radius: $border-radius;
|
14
|
+
|
15
|
+
.octicon {
|
16
|
+
// stylelint-disable-next-line primer/spacing
|
17
|
+
margin: 1px -2px 0 0;
|
18
|
+
color: var(--color-fg-muted);
|
19
|
+
}
|
20
|
+
}
|
21
|
+
|
22
|
+
// When a branch name is a link
|
23
|
+
|
24
|
+
a.branch-name {
|
25
|
+
color: var(--color-accent-fg);
|
26
|
+
background-color: var(--color-accent-subtle);
|
27
|
+
|
28
|
+
.octicon {
|
29
|
+
color: var(--color-accent-fg);
|
30
|
+
}
|
31
|
+
}
|
@@ -0,0 +1 @@
|
|
1
|
+
@import '@primer/view-components/app/components/primer/beta/breadcrumbs';
|
@@ -0,0 +1,92 @@
|
|
1
|
+
// Button group
|
2
|
+
//
|
3
|
+
// A button group is a series of buttons laid out next to each other, all part
|
4
|
+
// of one visual button, but separated by rules to be separate.
|
5
|
+
|
6
|
+
.BtnGroup {
|
7
|
+
display: inline-block;
|
8
|
+
vertical-align: middle;
|
9
|
+
|
10
|
+
@include clearfix();
|
11
|
+
|
12
|
+
// Proper spacing for multiple button groups (a la, gollum editor)
|
13
|
+
+ .BtnGroup,
|
14
|
+
+ .btn {
|
15
|
+
margin-left: $spacer-1;
|
16
|
+
}
|
17
|
+
}
|
18
|
+
|
19
|
+
.BtnGroup-item {
|
20
|
+
position: relative;
|
21
|
+
float: left;
|
22
|
+
border-right-width: 0;
|
23
|
+
border-radius: 0;
|
24
|
+
|
25
|
+
&:first-child {
|
26
|
+
border-top-left-radius: $border-radius;
|
27
|
+
border-bottom-left-radius: $border-radius;
|
28
|
+
}
|
29
|
+
|
30
|
+
&:last-child {
|
31
|
+
border-right-width: $border-width;
|
32
|
+
border-top-right-radius: $border-radius;
|
33
|
+
border-bottom-right-radius: $border-radius;
|
34
|
+
}
|
35
|
+
|
36
|
+
&.selected,
|
37
|
+
&[aria-selected='true'],
|
38
|
+
&:focus,
|
39
|
+
&:active,
|
40
|
+
&:hover {
|
41
|
+
border-right-width: $border-width;
|
42
|
+
|
43
|
+
+ .BtnGroup-item,
|
44
|
+
+ .BtnGroup-parent .BtnGroup-item {
|
45
|
+
border-left-width: 0;
|
46
|
+
}
|
47
|
+
}
|
48
|
+
}
|
49
|
+
|
50
|
+
.BtnGroup-parent {
|
51
|
+
float: left;
|
52
|
+
|
53
|
+
&:first-child .BtnGroup-item {
|
54
|
+
border-top-left-radius: $border-radius;
|
55
|
+
border-bottom-left-radius: $border-radius;
|
56
|
+
}
|
57
|
+
|
58
|
+
&:last-child .BtnGroup-item {
|
59
|
+
border-right-width: $border-width;
|
60
|
+
border-top-right-radius: $border-radius;
|
61
|
+
border-bottom-right-radius: $border-radius;
|
62
|
+
}
|
63
|
+
|
64
|
+
.BtnGroup-item {
|
65
|
+
border-right-width: 0;
|
66
|
+
border-radius: 0;
|
67
|
+
}
|
68
|
+
|
69
|
+
&.selected,
|
70
|
+
&[aria-selected='true'],
|
71
|
+
&:focus,
|
72
|
+
&:active,
|
73
|
+
&:hover {
|
74
|
+
.BtnGroup-item {
|
75
|
+
border-right-width: $border-width;
|
76
|
+
}
|
77
|
+
|
78
|
+
+ .BtnGroup-item,
|
79
|
+
+ .BtnGroup-parent .BtnGroup-item {
|
80
|
+
border-left-width: 0;
|
81
|
+
}
|
82
|
+
}
|
83
|
+
}
|
84
|
+
|
85
|
+
// ensure that the focus ring sits above the adjacent buttons
|
86
|
+
.BtnGroup-item,
|
87
|
+
.BtnGroup-parent {
|
88
|
+
&:focus,
|
89
|
+
&:active {
|
90
|
+
z-index: 1;
|
91
|
+
}
|
92
|
+
}
|