jekyll-v4-theme-primer 0.11.0 → 0.12.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 +6 -3
- data/_sass/@primer/css/base/normalize.scss +1 -0
- data/_sass/@primer/css/core/index.scss +0 -1
- data/_sass/@primer/css/forms/form-group.scss +2 -1
- data/_sass/@primer/css/forms/index.scss +0 -1
- data/_sass/@primer/css/labels/index.scss +0 -1
- data/_sass/@primer/css/layout/app-frame.scss +6 -6
- data/_sass/@primer/css/layout/stack.scss +6 -6
- data/_sass/@primer/css/markdown/lists.scss +4 -4
- data/_sass/@primer/css/primitives/index.scss +9 -9
- data/_sass/@primer/css/support/variables/misc.scss +1 -1
- data/_sass/@primer/css/utilities/borders.scss +8 -8
- data/_sass/@primer/css/utilities/visibility-display.scss +10 -9
- 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 +3 -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_list.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/action_list.css.json +131 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/action_menu/action_menu_element.d.ts +29 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/action_menu/action_menu_element.js +217 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/auto_complete.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/auto_complete.css.json +23 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/banner.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/banner.css.json +24 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/button_marketing.css.json +33 -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 +80 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/dropdown.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/dropdown.css.json +40 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/layout.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/layout.css.json +80 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/menu.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/menu.css.json +28 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/modal_dialog.js +12 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/nav_list.d.ts +7 -4
- data/_sass/@primer/view-components/app/components/primer/alpha/nav_list.js +121 -9
- data/_sass/@primer/view-components/app/components/primer/alpha/overlay.css +1 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/overlay.css.json +8 -0
- 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 +31 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/tab_nav.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/tab_nav.css.json +24 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/text_field.css +3 -3
- data/_sass/@primer/view-components/app/components/primer/alpha/text_field.css.json +134 -1
- 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 +40 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/underline_nav.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/underline_nav.css.json +28 -1
- data/_sass/@primer/view-components/app/components/primer/anchored_position.d.ts +27 -0
- data/_sass/@primer/view-components/app/components/primer/anchored_position.js +149 -0
- data/_sass/@primer/view-components/app/components/primer/beta/avatar.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/avatar.css.json +17 -1
- data/_sass/@primer/view-components/app/components/primer/beta/avatar_stack.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/avatar_stack.css.json +28 -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 +22 -1
- 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 +54 -1
- data/_sass/@primer/view-components/app/components/primer/beta/breadcrumbs.css.json +11 -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 +71 -1
- data/_sass/@primer/view-components/app/components/primer/beta/counter.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/counter.css.json +10 -1
- data/_sass/@primer/view-components/app/components/primer/beta/flash.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/flash.css.json +27 -1
- data/_sass/@primer/view-components/app/components/primer/beta/label.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/label.css.json +25 -1
- data/_sass/@primer/view-components/app/components/primer/beta/link.css.json +19 -1
- data/_sass/@primer/view-components/app/components/primer/beta/popover.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/popover.css.json +39 -1
- data/_sass/@primer/view-components/app/components/primer/beta/progress_bar.css.json +10 -1
- data/_sass/@primer/view-components/app/components/primer/beta/state.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/state.css.json +13 -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 +12 -1
- data/_sass/@primer/view-components/app/components/primer/beta/timeline_item.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/timeline_item.css.json +16 -1
- data/_sass/@primer/view-components/app/components/primer/beta/truncate.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/truncate.css.json +12 -1
- data/_sass/@primer/view-components/app/components/primer/focus_group.d.ts +19 -0
- data/_sass/@primer/view-components/app/components/primer/focus_group.js +144 -0
- data/_sass/@primer/view-components/app/components/primer/primer.d.ts +5 -2
- data/_sass/@primer/view-components/app/components/primer/primer.js +5 -2
- data/_sass/@primer/view-components/app/components/primer/truncate.css.json +13 -1
- data/_sass/@primer/view-components/lib/primer/forms/primer_text_field.js +17 -6
- data/_sass/@primer/view-components/package.json +6 -4
- data/_sass/@primer/view-components/static/arguments.json +2167 -346
- data/_sass/@primer/view-components/static/audited_at.json +22 -22
- data/_sass/@primer/view-components/static/classes.json +579 -0
- data/_sass/@primer/view-components/static/constants.json +215 -61
- data/_sass/@primer/view-components/static/info_arch.json +9090 -0
- data/_sass/@primer/view-components/static/previews.json +2020 -0
- data/_sass/@primer/view-components/static/statuses.json +23 -23
- data/_sass/{jekyll-theme-primer.scss → jekyll-v4-theme-primer.scss} +3 -3
- data/_sass/primer.scss +1 -1
- data/assets/css/style.scss +1 -1
- metadata +16 -15
- data/_sass/@primer/css/actionlist/action-list-item-divider.scss +0 -48
- data/_sass/@primer/css/actionlist/action-list-item.scss +0 -593
- data/_sass/@primer/css/actionlist/action-list-tree.scss +0 -118
- data/_sass/@primer/css/actionlist/action-list-variables.scss +0 -8
- data/_sass/@primer/css/actionlist/action-list.scss +0 -67
- data/_sass/@primer/css/actionlist/index.scss +0 -6
- data/_sass/@primer/css/forms/form-validation.scss +0 -265
- data/_sass/@primer/css/labels/diffstat.scss +0 -37
- data/_sass/@primer/view-components/app/components/primer/time_ago_component.d.ts +0 -1
- data/_sass/@primer/view-components/app/components/primer/time_ago_component.js +0 -1
- /data/_sass/@primer/view-components/app/components/primer/{local_time.d.ts → beta/relative_time.d.ts} +0 -0
- /data/_sass/@primer/view-components/app/components/primer/{local_time.js → beta/relative_time.js} +0 -0
@@ -0,0 +1,149 @@
|
|
1
|
+
var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
2
|
+
if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
|
3
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
4
|
+
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
5
|
+
};
|
6
|
+
var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
7
|
+
if (kind === "m") throw new TypeError("Private method is not writable");
|
8
|
+
if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
|
9
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
10
|
+
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
11
|
+
};
|
12
|
+
var _AnchoredPositionElement_anchorElement, _AnchoredPositionElement_animationFrame;
|
13
|
+
import { getAnchoredPosition } from '@primer/behaviors';
|
14
|
+
const updateWhenVisible = (() => {
|
15
|
+
const anchors = new Set();
|
16
|
+
let intersectionObserver = null;
|
17
|
+
let resizeObserver = null;
|
18
|
+
function updateVisibleAnchors() {
|
19
|
+
for (const anchor of anchors) {
|
20
|
+
anchor.update();
|
21
|
+
}
|
22
|
+
}
|
23
|
+
return (el) => {
|
24
|
+
// eslint-disable-next-line github/prefer-observers
|
25
|
+
window.addEventListener('resize', updateVisibleAnchors);
|
26
|
+
intersectionObserver || (intersectionObserver = new IntersectionObserver(entries => {
|
27
|
+
for (const entry of entries) {
|
28
|
+
const target = entry.target;
|
29
|
+
if (entry.isIntersecting) {
|
30
|
+
target.update();
|
31
|
+
anchors.add(target);
|
32
|
+
}
|
33
|
+
else {
|
34
|
+
anchors.delete(target);
|
35
|
+
}
|
36
|
+
}
|
37
|
+
}));
|
38
|
+
resizeObserver || (resizeObserver = new ResizeObserver(() => {
|
39
|
+
for (const anchor of anchors) {
|
40
|
+
anchor.update();
|
41
|
+
}
|
42
|
+
}));
|
43
|
+
resizeObserver.observe(el.ownerDocument.documentElement);
|
44
|
+
intersectionObserver.observe(el);
|
45
|
+
};
|
46
|
+
})();
|
47
|
+
export default class AnchoredPositionElement extends HTMLElement {
|
48
|
+
constructor() {
|
49
|
+
super(...arguments);
|
50
|
+
_AnchoredPositionElement_anchorElement.set(this, null);
|
51
|
+
_AnchoredPositionElement_animationFrame.set(this, void 0);
|
52
|
+
}
|
53
|
+
get align() {
|
54
|
+
const value = this.getAttribute('align');
|
55
|
+
if (value === 'center' || value === 'end')
|
56
|
+
return value;
|
57
|
+
return 'start';
|
58
|
+
}
|
59
|
+
set align(value) {
|
60
|
+
this.setAttribute('align', `${value}`);
|
61
|
+
}
|
62
|
+
get side() {
|
63
|
+
const value = this.getAttribute('side');
|
64
|
+
if (value === 'inside-top' ||
|
65
|
+
value === 'inside-bottom' ||
|
66
|
+
value === 'inside-left' ||
|
67
|
+
value === 'inside-right' ||
|
68
|
+
value === 'inside-center' ||
|
69
|
+
value === 'outside-top' ||
|
70
|
+
value === 'outside-left' ||
|
71
|
+
value === 'outside-right') {
|
72
|
+
return value;
|
73
|
+
}
|
74
|
+
return 'outside-bottom';
|
75
|
+
}
|
76
|
+
set side(value) {
|
77
|
+
this.setAttribute('side', `${value}`);
|
78
|
+
}
|
79
|
+
get anchorOffset() {
|
80
|
+
const alias = this.getAttribute('anchor-offset');
|
81
|
+
if (alias === 'spacious' || alias === '8')
|
82
|
+
return 8;
|
83
|
+
return 4;
|
84
|
+
}
|
85
|
+
set anchorOffset(value) {
|
86
|
+
this.setAttribute('anchor-offset', `${value}`);
|
87
|
+
}
|
88
|
+
get anchor() {
|
89
|
+
return this.getAttribute('anchor') || '';
|
90
|
+
}
|
91
|
+
set anchor(value) {
|
92
|
+
this.setAttribute('anchor', `${value}`);
|
93
|
+
}
|
94
|
+
get anchorElement() {
|
95
|
+
if (__classPrivateFieldGet(this, _AnchoredPositionElement_anchorElement, "f"))
|
96
|
+
return __classPrivateFieldGet(this, _AnchoredPositionElement_anchorElement, "f");
|
97
|
+
const idRef = this.anchor;
|
98
|
+
if (!idRef)
|
99
|
+
return null;
|
100
|
+
return this.ownerDocument.getElementById(idRef);
|
101
|
+
}
|
102
|
+
set anchorElement(value) {
|
103
|
+
__classPrivateFieldSet(this, _AnchoredPositionElement_anchorElement, value, "f");
|
104
|
+
if (!__classPrivateFieldGet(this, _AnchoredPositionElement_anchorElement, "f")) {
|
105
|
+
this.removeAttribute('anchor');
|
106
|
+
}
|
107
|
+
}
|
108
|
+
get alignmentOffset() {
|
109
|
+
return Number(this.getAttribute('alignment-offset'));
|
110
|
+
}
|
111
|
+
set alignmentOffset(value) {
|
112
|
+
this.setAttribute('alignment-offset', `${value}`);
|
113
|
+
}
|
114
|
+
get allowOutOfBounds() {
|
115
|
+
return this.hasAttribute('allow-out-of-bounds');
|
116
|
+
}
|
117
|
+
set allowOutOfBounds(value) {
|
118
|
+
this.toggleAttribute('allow-out-of-bounds', value);
|
119
|
+
}
|
120
|
+
connectedCallback() {
|
121
|
+
this.update();
|
122
|
+
this.addEventListener('beforetoggle', () => this.update());
|
123
|
+
updateWhenVisible(this);
|
124
|
+
}
|
125
|
+
attributeChangedCallback() {
|
126
|
+
this.update();
|
127
|
+
}
|
128
|
+
update() {
|
129
|
+
if (!this.isConnected)
|
130
|
+
return;
|
131
|
+
cancelAnimationFrame(__classPrivateFieldGet(this, _AnchoredPositionElement_animationFrame, "f"));
|
132
|
+
__classPrivateFieldSet(this, _AnchoredPositionElement_animationFrame, requestAnimationFrame(() => {
|
133
|
+
const anchor = this.anchorElement;
|
134
|
+
if (!anchor)
|
135
|
+
return;
|
136
|
+
const { left, top, anchorSide, anchorAlign } = getAnchoredPosition(this, anchor, this);
|
137
|
+
this.style.top = `${top}px`;
|
138
|
+
this.style.left = `${left}px`;
|
139
|
+
this.classList.remove('Overlay--anchorAlign-start', 'Overlay--anchorAlign-center', 'Overlay--anchorAlign-end', 'Overlay--anchorSide-insideTop', 'Overlay--anchorSide-insideBottom', 'Overlay--anchorSide-insideLeft', 'Overlay--anchorSide-insideRight', 'Overlay--anchorSide-insideCenter', 'Overlay--anchorSide-outsideTop', 'Overlay--anchorSide-outsideLeft', 'Overlay--anchorSide-outsideRight');
|
140
|
+
this.classList.add(`Overlay--anchorAlign-${anchorAlign}`, `Overlay--anchorSide-${anchorSide}`);
|
141
|
+
}), "f");
|
142
|
+
}
|
143
|
+
}
|
144
|
+
_AnchoredPositionElement_anchorElement = new WeakMap(), _AnchoredPositionElement_animationFrame = new WeakMap();
|
145
|
+
AnchoredPositionElement.observedAttributes = ['align', 'side', 'anchor', 'alignment-offset', 'allow-out-of-bounds'];
|
146
|
+
if (!customElements.get('anchored-position')) {
|
147
|
+
window.AnchoredPositionElement = AnchoredPositionElement;
|
148
|
+
customElements.define('anchored-position', AnchoredPositionElement);
|
149
|
+
}
|
@@ -1 +1 @@
|
|
1
|
-
.avatar{background-color:var(--color-avatar-bg);border-radius:var(--
|
1
|
+
.avatar{background-color:var(--color-avatar-bg);border-radius:var(--borderRadius-medium,6px);box-shadow:0 0 0 1px var(--color-avatar-border);display:inline-block;flex-shrink:0;line-height:1;overflow:hidden;vertical-align:middle}.avatar-link{float:left;line-height:1}.avatar-group-item{display:inline-block;margin-bottom:3px}.avatar-1,.avatar-2,.avatar-small{border-radius:var(--borderRadius-small,4px)}.avatar-1{height:var(--base-size-16,16px);width:var(--base-size-16,16px)}.avatar-2{height:var(--base-size-20,20px);width:var(--base-size-20,20px)}.avatar-3{height:var(--base-size-24,24px);width:var(--base-size-24,24px)}.avatar-4{height:var(--base-size-28,28px);width:var(--base-size-28,28px)}.avatar-5{height:var(--base-size-32,32px);width:var(--base-size-32,32px)}.avatar-6{height:var(--base-size-40,40px);width:var(--base-size-40,40px)}.avatar-7{height:var(--base-size-48,48px);width:var(--base-size-48,48px)}.avatar-8{height:var(--base-size-64,64px);width:var(--base-size-64,64px)}
|
@@ -1 +1,17 @@
|
|
1
|
-
{
|
1
|
+
{
|
2
|
+
"name": "beta/avatar",
|
3
|
+
"selectors": [
|
4
|
+
".avatar",
|
5
|
+
".avatar-link",
|
6
|
+
".avatar-group-item",
|
7
|
+
".avatar-1",
|
8
|
+
".avatar-2",
|
9
|
+
".avatar-small",
|
10
|
+
".avatar-3",
|
11
|
+
".avatar-4",
|
12
|
+
".avatar-5",
|
13
|
+
".avatar-6",
|
14
|
+
".avatar-7",
|
15
|
+
".avatar-8"
|
16
|
+
]
|
17
|
+
}
|
@@ -1 +1 @@
|
|
1
|
-
.AvatarStack{height:20px;min-width:26px;position:relative}.AvatarStack .AvatarStack-body{position:absolute}.AvatarStack.AvatarStack--two{min-width:36px}.AvatarStack.AvatarStack--three-plus{min-width:46px}.AvatarStack-body{background:var(--color-canvas-default);border-radius:100px;display:flex}.AvatarStack-body .avatar{background-color:var(--color-canvas-default);border-radius:var(--
|
1
|
+
.AvatarStack{height:20px;min-width:26px;position:relative}.AvatarStack .AvatarStack-body{position:absolute}.AvatarStack.AvatarStack--two{min-width:36px}.AvatarStack.AvatarStack--three-plus{min-width:46px}.AvatarStack-body{background:var(--color-canvas-default);border-radius:100px;display:flex}.AvatarStack-body .avatar{background-color:var(--color-canvas-default);border-radius:var(--borderRadius-small,4px);border-right:var(--borderWidth-thin,1px) solid var(--color-canvas-default);box-shadow:none;box-sizing:initial;display:flex;height:20px;margin-right:-11px;position:relative;transition:margin .1s ease-in-out;width:20px;z-index:2}.AvatarStack-body .avatar:first-child{z-index:3}.AvatarStack-body .avatar:last-child{border-right:0;z-index:1}.AvatarStack-body .avatar img{border-radius:var(--borderRadius-small,4px)}.AvatarStack-body .avatar:nth-child(n+4){display:none;opacity:0}.AvatarStack-body:hover .avatar{margin-right:3px}.AvatarStack-body:hover .avatar:nth-child(n+4){display:flex;opacity:1}.AvatarStack-body:hover .avatar-more{display:none!important}.avatar.avatar-more{background:var(--color-canvas-subtle);margin-right:0;z-index:1}.avatar.avatar-more:after,.avatar.avatar-more:before{border-radius:2px;content:"";display:block;height:20px;outline:var(--borderWidth-thin,1px) solid var(--color-canvas-default);position:absolute}.avatar.avatar-more:before{background:var(--color-avatar-stack-fade-more);width:17px}.avatar.avatar-more:after{background:var(--color-avatar-stack-fade);width:14px}.AvatarStack--right .AvatarStack-body{flex-direction:row-reverse;right:0}.AvatarStack--right .AvatarStack-body:hover .avatar{margin-left:3px;margin-right:0}.AvatarStack--right .AvatarStack-body .avatar:not(:last-child){border-left:0}.AvatarStack--right .avatar.avatar-more{background:var(--color-avatar-stack-fade)}.AvatarStack--right .avatar.avatar-more:before{width:5px}.AvatarStack--right .avatar.avatar-more:after{background:var(--color-canvas-subtle);width:2px}.AvatarStack--right .avatar{border-left:var(--borderWidth-thin,1px) solid var(--color-canvas-default);border-right:0;margin-left:-11px;margin-right:0}
|
@@ -1 +1,28 @@
|
|
1
|
-
{
|
1
|
+
{
|
2
|
+
"name": "beta/avatar_stack",
|
3
|
+
"selectors": [
|
4
|
+
".AvatarStack",
|
5
|
+
".AvatarStack .AvatarStack-body",
|
6
|
+
".AvatarStack.AvatarStack--two",
|
7
|
+
".AvatarStack.AvatarStack--three-plus",
|
8
|
+
".AvatarStack-body",
|
9
|
+
".AvatarStack-body .avatar",
|
10
|
+
".AvatarStack-body .avatar:first-child",
|
11
|
+
".AvatarStack-body .avatar:last-child",
|
12
|
+
".AvatarStack-body .avatar img",
|
13
|
+
".AvatarStack-body .avatar:nth-child(n+4)",
|
14
|
+
".AvatarStack-body:hover .avatar",
|
15
|
+
".AvatarStack-body:hover .avatar:nth-child(n+4)",
|
16
|
+
".AvatarStack-body:hover .avatar-more",
|
17
|
+
".avatar.avatar-more",
|
18
|
+
".avatar.avatar-more:after",
|
19
|
+
".avatar.avatar-more:before",
|
20
|
+
".AvatarStack--right .AvatarStack-body",
|
21
|
+
".AvatarStack--right .AvatarStack-body:hover .avatar",
|
22
|
+
".AvatarStack--right .AvatarStack-body .avatar:not(:last-child)",
|
23
|
+
".AvatarStack--right .avatar.avatar-more",
|
24
|
+
".AvatarStack--right .avatar.avatar-more:before",
|
25
|
+
".AvatarStack--right .avatar.avatar-more:after",
|
26
|
+
".AvatarStack--right .avatar"
|
27
|
+
]
|
28
|
+
}
|
@@ -1 +1 @@
|
|
1
|
-
.blankslate{padding:var(--base-size-32,32px);position:relative;text-align:center}.blankslate p{color:var(--color-fg-muted)}.blankslate code{background:var(--color-canvas-default);border:var(--
|
1
|
+
.blankslate{padding:var(--base-size-32,32px);position:relative;text-align:center}.blankslate p{color:var(--color-fg-muted)}.blankslate code{background:var(--color-canvas-default);border:var(--borderWidth-thin,1px) solid var(--color-border-muted);border-radius:var(--borderRadius-medium,6px);font-size:var(--text-body-size-medium,14px);padding:2px 5px 3px}.blankslate img{height:56px;width:56px}.blankslate-icon{color:var(--color-fg-muted);margin-bottom:var(--stack-gap-condensed,8px);margin-left:var(--control-small-gap,4px);margin-right:var(--control-small-gap,4px)}.blankslate-image{margin-bottom:var(--stack-gap-normal,16px)}.blankslate-heading{margin-bottom:var(--base-size-4,4px)}.blankslate-action{margin-top:var(--stack-gap-normal,16px)}.blankslate-action:first-of-type{margin-top:var(--stack-gap-spacious,24px)}.blankslate-action:last-of-type{margin-bottom:var(--stack-gap-condensed,8px)}.blankslate-capped{border-radius:0 0 var(--borderRadius-medium,6px) var(--borderRadius-medium,6px)}.blankslate-spacious{padding:var(--base-size-80,80px) var(--base-size-40,40px)}.blankslate-narrow{margin:0 auto;max-width:485px}.blankslate-large img{height:80px;width:80px}.blankslate-large h3{font-size:24px;margin:var(--stack-gap-normal,16px) 0}.blankslate-large p{font-size:var(--text-body-size-large,16px)}.blankslate-clean-background{border:0}
|
@@ -1 +1,22 @@
|
|
1
|
-
{
|
1
|
+
{
|
2
|
+
"name": "beta/blankslate",
|
3
|
+
"selectors": [
|
4
|
+
".blankslate",
|
5
|
+
".blankslate p",
|
6
|
+
".blankslate code",
|
7
|
+
".blankslate img",
|
8
|
+
".blankslate-icon",
|
9
|
+
".blankslate-image",
|
10
|
+
".blankslate-heading",
|
11
|
+
".blankslate-action",
|
12
|
+
".blankslate-action:first-of-type",
|
13
|
+
".blankslate-action:last-of-type",
|
14
|
+
".blankslate-capped",
|
15
|
+
".blankslate-spacious",
|
16
|
+
".blankslate-narrow",
|
17
|
+
".blankslate-large img",
|
18
|
+
".blankslate-large h3",
|
19
|
+
".blankslate-large p",
|
20
|
+
".blankslate-clean-background"
|
21
|
+
]
|
22
|
+
}
|
@@ -1 +1 @@
|
|
1
|
-
.Box{background-color:var(--color-canvas-default);border-color:var(--color-border-default);border-radius:var(--
|
1
|
+
.Box{background-color:var(--color-canvas-default);border-color:var(--color-border-default);border-radius:var(--borderRadius-medium,6px);border-style:solid;border-width:var(--borderWidth-thin,1px)}.Box--condensed{line-height:1.25}.Box--condensed .Box-body,.Box--condensed .Box-footer,.Box--condensed .Box-header{padding:var(--stack-padding-condensed,8px) var(--stack-padding-normal,16px)}.Box--condensed .Box-btn-octicon.btn-octicon{line-height:1.25;margin:calc(var(--controlStack-medium-gap-condensed, 8px)*-1) calc(var(--controlStack-small-gap-spacious, 16px)*-1);padding:var(--control-medium-paddingInline-condensed,8px) var(--control-medium-paddingInline-spacious,16px)}.Box--condensed .Box-row{padding:var(--stack-padding-condensed,8px) var(--stack-padding-normal,16px)}.Box--spacious .Box-header{line-height:1.25;padding:var(--stack-padding-spacious,24px)}.Box--spacious .Box-title{font-size:var(--text-title-size-medium,20px)}.Box--spacious .Box-body,.Box--spacious .Box-footer{padding:var(--stack-padding-spacious,24px)}.Box--spacious .Box-btn-octicon.btn-octicon{margin:calc(var(--stack-gap-spacious, 24px)*-1) calc(var(--stack-gap-spacious, 24px)*-1);padding:var(--stack-padding-spacious,24px)}.Box--spacious .Box-row{padding:var(--stack-padding-spacious,24px)}.Box-header{background-color:var(--color-canvas-subtle);border-color:var(--color-border-default);border-style:solid;border-top-left-radius:var(--borderRadius-medium,6px);border-top-right-radius:var(--borderRadius-medium,6px);border-width:var(--borderWidth-thin,1px);margin:calc(var(--borderWidth-thin, 1px)*-1) calc(var(--borderWidth-thin, 1px)*-1) 0;padding:var(--stack-padding-normal,16px)}.Box-title{font-size:var(--text-body-size-medium,14px);font-weight:var(--base-text-weight-semibold,600)}.Box-body{border-bottom:var(--borderWidth-thin,1px) solid var(--color-border-default);padding:var(--stack-padding-normal,16px)}.Box-body:last-of-type{border-bottom-left-radius:var(--borderRadius-medium,6px);border-bottom-right-radius:var(--borderRadius-medium,6px);margin-bottom:calc(var(--borderWidth-thin, 1px)*-1)}.Box-row{border-top:var(--borderWidth-thin,1px) solid var(--color-border-muted);list-style-type:none;margin-top:calc(var(--borderWidth-thin, 1px)*-1);padding:var(--stack-padding-normal,16px)}.Box-row:first-of-type{border-top-left-radius:var(--borderRadius-medium,6px);border-top-right-radius:var(--borderRadius-medium,6px)}.Box-row:last-of-type{border-bottom-left-radius:var(--borderRadius-medium,6px);border-bottom-right-radius:var(--borderRadius-medium,6px)}.Box-row.Box-row--unread,.Box-row.unread{box-shadow:inset 2px 0 0 var(--color-accent-emphasis)}.Box-row.navigation-focus .Box-row--drag-button{color:var(--color-accent-fg);cursor:grab;opacity:1}.Box-row.navigation-focus.is-dragging .Box-row--drag-button{cursor:grabbing}.Box-row.navigation-focus.sortable-chosen,.Box-row.navigation-focus.sortable-ghost{background-color:var(--color-canvas-subtle)}.Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide{opacity:0}.Box-row--focus-gray.navigation-focus{background-color:var(--color-canvas-subtle)}.Box-row--focus-blue.navigation-focus{background-color:var(--color-accent-subtle)}.Box-row--hover-gray:hover{background-color:var(--color-canvas-subtle)}.Box-row--hover-blue:hover{background-color:var(--color-accent-subtle)}@media (min-width:768px){.Box-row-link{color:var(--color-fg-default);text-decoration:none}.Box-row-link:hover{color:var(--color-accent-fg);text-decoration:none}}.Box-row--drag-button{opacity:0}.Box-footer{border-radius:0 0 var(--borderRadius-medium,6px) var(--borderRadius-medium,6px);border-top:var(--borderWidth-thin,1px) solid var(--color-border-default);margin-top:calc(var(--borderWidth-thin, 1px)*-1);padding:var(--stack-padding-normal,16px)}.Box--scrollable{max-height:324px;overflow:scroll}.Box--blue,.Box--blue .Box-header{border-color:var(--color-accent-muted)}.Box--blue .Box-header{background-color:var(--color-accent-subtle)}.Box--blue .Box-body,.Box--blue .Box-footer,.Box--blue .Box-row{border-color:var(--color-accent-muted)}.Box--danger,.Box--danger .Box-body:last-of-type,.Box--danger .Box-row:first-of-type{border-color:var(--color-danger-emphasis)}.Box-header--blue{background-color:var(--color-accent-subtle);border-color:var(--color-accent-muted)}.Box-row--yellow{background-color:var(--color-attention-subtle)}.Box-row--blue{background-color:var(--color-accent-subtle)}.Box-row--gray{background-color:var(--color-canvas-subtle)}.Box-btn-octicon.btn-octicon{line-height:1.5;margin:calc(var(--controlStack-small-gap-spacious, 16px)*-1) calc(var(--controlStack-small-gap-spacious, 16px)*-1);padding:var(--control-medium-paddingInline-spacious,16px) var(--control-medium-paddingInline-spacious,16px)}
|
@@ -1 +1,54 @@
|
|
1
|
-
{
|
1
|
+
{
|
2
|
+
"name": "beta/border_box",
|
3
|
+
"selectors": [
|
4
|
+
".Box",
|
5
|
+
".Box--condensed",
|
6
|
+
".Box--condensed .Box-body",
|
7
|
+
".Box--condensed .Box-footer",
|
8
|
+
".Box--condensed .Box-header",
|
9
|
+
".Box--condensed .Box-btn-octicon.btn-octicon",
|
10
|
+
".Box--condensed .Box-row",
|
11
|
+
".Box--spacious .Box-header",
|
12
|
+
".Box--spacious .Box-title",
|
13
|
+
".Box--spacious .Box-body",
|
14
|
+
".Box--spacious .Box-footer",
|
15
|
+
".Box--spacious .Box-btn-octicon.btn-octicon",
|
16
|
+
".Box--spacious .Box-row",
|
17
|
+
".Box-header",
|
18
|
+
".Box-title",
|
19
|
+
".Box-body",
|
20
|
+
".Box-body:last-of-type",
|
21
|
+
".Box-row",
|
22
|
+
".Box-row:first-of-type",
|
23
|
+
".Box-row:last-of-type",
|
24
|
+
".Box-row.Box-row--unread",
|
25
|
+
".Box-row.unread",
|
26
|
+
".Box-row.navigation-focus .Box-row--drag-button",
|
27
|
+
".Box-row.navigation-focus.is-dragging .Box-row--drag-button",
|
28
|
+
".Box-row.navigation-focus.sortable-chosen",
|
29
|
+
".Box-row.navigation-focus.sortable-ghost",
|
30
|
+
".Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide",
|
31
|
+
".Box-row--focus-gray.navigation-focus",
|
32
|
+
".Box-row--focus-blue.navigation-focus",
|
33
|
+
".Box-row--hover-gray:hover",
|
34
|
+
".Box-row--hover-blue:hover",
|
35
|
+
".Box-row-link",
|
36
|
+
".Box-row-link:hover",
|
37
|
+
".Box-row--drag-button",
|
38
|
+
".Box-footer",
|
39
|
+
".Box--scrollable",
|
40
|
+
".Box--blue",
|
41
|
+
".Box--blue .Box-header",
|
42
|
+
".Box--blue .Box-body",
|
43
|
+
".Box--blue .Box-footer",
|
44
|
+
".Box--blue .Box-row",
|
45
|
+
".Box--danger",
|
46
|
+
".Box--danger .Box-body:last-of-type",
|
47
|
+
".Box--danger .Box-row:first-of-type",
|
48
|
+
".Box-header--blue",
|
49
|
+
".Box-row--yellow",
|
50
|
+
".Box-row--blue",
|
51
|
+
".Box-row--gray",
|
52
|
+
".Box-btn-octicon.btn-octicon"
|
53
|
+
]
|
54
|
+
}
|
@@ -1 +1,11 @@
|
|
1
|
-
{
|
1
|
+
{
|
2
|
+
"name": "beta/breadcrumbs",
|
3
|
+
"selectors": [
|
4
|
+
".breadcrumb-item",
|
5
|
+
".breadcrumb-item:after",
|
6
|
+
".breadcrumb-item:first-child",
|
7
|
+
".breadcrumb-item-selected:after",
|
8
|
+
".breadcrumb-item[aria-current]:not([aria-current=false]):after",
|
9
|
+
".breadcrumb-item-selected a"
|
10
|
+
]
|
11
|
+
}
|
@@ -1 +1 @@
|
|
1
|
-
:root{--
|
1
|
+
:root{--duration-fast:80ms;--easing-easeInOut:cubic-bezier(0.65,0,0.35,1)}.Button{align-items:center;background-color:initial;border:var(--borderWidth-thin,1px) solid;border-color:#0000;border-radius:var(--borderRadius-medium,6px);color:var(--color-btn-text);cursor:pointer;display:inline-flex;flex-direction:row;font-size:var(--text-body-size-medium,14px);font-weight:var(--base-text-weight-medium,500);gap:var(--base-size-4,4px);height:var(--control-medium-size,32px);justify-content:space-between;min-width:max-content;padding:0 var(--control-medium-paddingInline-normal,12px);position:relative;text-align:center;transition:var(--duration-fast) var(--easing-easeInOut);transition-property:color,fill,background-color,border-color;-webkit-user-select:none;user-select:none}@media (pointer:coarse){.Button:before{content:"";height:100%;left:50%;min-height:48px;min-width:48px;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:100%}}.Button:hover{transition-duration:var(--duration-fast)}.Button:active{transition:none}.Button:disabled,.Button[aria-disabled=true]{box-shadow:none;cursor:not-allowed}.Button-withTooltip{display:inline-block;position:relative}a.Button:hover,summary.Button:hover{text-decoration:none}.Button-content{align-items:center;display:grid;flex:1 0 auto;grid-template-areas:"leadingVisual text trailingVisual";grid-template-columns:min-content minmax(0,auto) min-content;place-content:center}.Button-content>:not(:last-child){margin-right:var(--control-medium-gap,8px)}.Button-content--alignStart{justify-content:start}.Button-visual{display:flex;pointer-events:none}.Button-visual .Counter{background-color:var(--color-btn-counter-bg);color:inherit}.Button-label{grid-area:text;line-height:var(--text-body-lineHeight-medium,1.42857);white-space:nowrap}.Button-leadingVisual{grid-area:leadingVisual}.Button-trailingVisual{grid-area:trailingVisual}.Button-trailingAction{margin-right:calc(var(--base-size-4, 4px)*-1)}.Button--small{font-size:var(--text-body-size-small,12px);gap:var(--control-small-gap,4px);height:var(--control-small-size,28px);padding:0 var(--control-small-paddingInline-condensed,8px)}.Button--small .Button-label{line-height:var(--text-body-lineHeight-small,1.66667)}.Button--small .Button-content>:not(:last-child){margin-right:var(--control-small-gap,4px)}.Button--large{gap:var(--control-large-gap,8px);height:var(--control-large-size,40px);padding:0 var(--control-large-paddingInline-spacious,16px)}.Button--large .Button-label{line-height:var(--text-body-lineHeight-large,1.5)}.Button--large .Button-content>:not(:last-child){margin-right:var(--control-large-gap,8px)}.Button--fullWidth{width:100%}.Button--primary{fill:var(--color-btn-primary-icon);background-color:var(--color-btn-primary-bg);border-color:var(--color-btn-primary-border);box-shadow:var(--color-btn-primary-shadow),var(--color-btn-primary-inset-shadow);color:var(--color-btn-primary-text)}.Button--primary:hover:not(:disabled){background-color:var(--color-btn-primary-hover-bg);border-color:var(--color-btn-primary-hover-border)}.Button--primary:focus{box-shadow:inset 0 0 0 3px var(--color-fg-on-emphasis);outline:2px solid var(--color-accent-fg);outline-offset:-2px}.Button--primary:focus:not(:focus-visible){box-shadow:none;outline:1px solid #0000}.Button--primary:focus-visible{box-shadow:inset 0 0 0 3px var(--color-fg-on-emphasis);outline:2px solid var(--color-accent-fg);outline-offset:-2px}.Button--primary:active:not(:disabled),.Button--primary[aria-pressed=true]{background-color:var(--color-btn-primary-selected-bg);box-shadow:var(--color-btn-primary-selected-shadow)}.Button--primary:disabled,.Button--primary[aria-disabled=true]{fill:var(--color-btn-primary-disabled-text);background-color:var(--color-btn-primary-disabled-bg);border-color:var(--color-btn-primary-disabled-border);color:var(--color-btn-primary-disabled-text)}.Button--primary .Counter{background-color:var(--color-btn-primary-counter-bg);color:inherit}.Button--secondary{fill:var(--color-fg-muted);background-color:var(--color-btn-bg);border-color:var(--color-btn-border);box-shadow:var(--color-btn-shadow),var(--color-btn-inset-shadow);color:var(--color-btn-text)}.Button--secondary:hover:not(:disabled){background-color:var(--color-btn-hover-bg);border-color:var(--color-btn-hover-border)}.Button--secondary:active:not(:disabled){background-color:var(--color-btn-active-bg);border-color:var(--color-btn-active-border)}.Button--secondary[aria-pressed=true]{background-color:var(--color-btn-selected-bg);box-shadow:var(--color-primer-shadow-inset)}.Button--secondary:disabled,.Button--secondary[aria-disabled=true]{fill:var(--color-primer-fg-disabled);background-color:var(--color-btn-bg);border-color:var(--color-btn-border);color:var(--color-primer-fg-disabled)}.Button--invisible{color:var(--color-btn-text)}.Button--invisible:hover:not(:disabled){background-color:var(--color-action-list-item-default-hover-bg)}.Button--invisible:active:not(:disabled),.Button--invisible[aria-pressed=true]{background-color:var(--color-action-list-item-default-active-bg)}.Button--invisible:disabled,.Button--invisible[aria-disabled=true]{fill:var(--color-primer-fg-disabled);background-color:var(--color-btn-bg);border-color:var(--color-btn-border);color:var(--color-primer-fg-disabled)}.Button--invisible.Button--invisible-noVisuals .Button-label{color:var(--color-accent-fg)}.Button--invisible .Button-visual{color:var(--color-fg-muted)}.Button--invisible .Button-visual .Counter{color:var(--color-fg-default)}.Button--link{fill:var(--color-accent-fg);border:none;color:var(--color-accent-fg);display:inline-block;font-size:inherit;height:unset;padding:0}.Button--link:hover:not(:disabled){text-decoration:underline}.Button--link:focus,.Button--link:focus-visible{outline-offset:2px}.Button--link:disabled,.Button--link[aria-disabled=true]{fill:var(--color-primer-fg-disabled);background-color:initial;border-color:#0000;color:var(--color-primer-fg-disabled)}.Button--danger{fill:var(--color-btn-danger-icon);background-color:var(--color-btn-bg);border-color:var(--color-btn-border);box-shadow:var(--color-btn-shadow),var(--color-btn-inset-shadow);color:var(--color-btn-danger-text)}.Button--danger:hover:not(:disabled){fill:var(--color-btn-danger-hover-text);background-color:var(--color-btn-danger-hover-bg);border-color:var(--color-btn-danger-hover-border);box-shadow:var(--color-btn-danger-hover-shadow),var(--color-btn-danger-hover-inset-shadow);color:var(--color-btn-danger-hover-text)}.Button--danger:active:not(:disabled),.Button--danger[aria-pressed=true]{fill:var(--color-btn-danger-selected-text);background-color:var(--color-btn-danger-selected-bg);border-color:var(--color-btn-danger-selected-border);box-shadow:var(--color-btn-danger-selected-shadow);color:var(--color-btn-danger-selected-text)}.Button--danger:disabled,.Button--danger[aria-disabled=true]{fill:var(--color-btn-danger-disabled-text);background-color:var(--color-btn-danger-disabled-bg);border-color:var(--color-btn-border);color:var(--color-btn-danger-disabled-text)}.Button--iconOnly{display:inline-grid;padding:unset;place-content:center;width:var(--control-medium-size,32px)}.Button--iconOnly.Button--small{width:var(--control-small-size,28px)}.Button--iconOnly.Button--large{width:var(--control-large-size,40px)}
|
@@ -1 +1,71 @@
|
|
1
|
-
{
|
1
|
+
{
|
2
|
+
"name": "beta/button",
|
3
|
+
"selectors": [
|
4
|
+
":root",
|
5
|
+
".Button",
|
6
|
+
".Button:before",
|
7
|
+
".Button:hover",
|
8
|
+
".Button:active",
|
9
|
+
".Button:disabled",
|
10
|
+
".Button[aria-disabled=true]",
|
11
|
+
".Button-withTooltip",
|
12
|
+
"a.Button:hover",
|
13
|
+
"summary.Button:hover",
|
14
|
+
".Button-content",
|
15
|
+
".Button-content>:not(:last-child)",
|
16
|
+
".Button-content--alignStart",
|
17
|
+
".Button-visual",
|
18
|
+
".Button-visual .Counter",
|
19
|
+
".Button-label",
|
20
|
+
".Button-leadingVisual",
|
21
|
+
".Button-trailingVisual",
|
22
|
+
".Button-trailingAction",
|
23
|
+
".Button--small",
|
24
|
+
".Button--small .Button-label",
|
25
|
+
".Button--small .Button-content>:not(:last-child)",
|
26
|
+
".Button--large",
|
27
|
+
".Button--large .Button-label",
|
28
|
+
".Button--large .Button-content>:not(:last-child)",
|
29
|
+
".Button--fullWidth",
|
30
|
+
".Button--primary",
|
31
|
+
".Button--primary:hover:not(:disabled)",
|
32
|
+
".Button--primary:focus",
|
33
|
+
".Button--primary:focus:not(:focus-visible)",
|
34
|
+
".Button--primary:focus-visible",
|
35
|
+
".Button--primary:active:not(:disabled)",
|
36
|
+
".Button--primary[aria-pressed=true]",
|
37
|
+
".Button--primary:disabled",
|
38
|
+
".Button--primary[aria-disabled=true]",
|
39
|
+
".Button--primary .Counter",
|
40
|
+
".Button--secondary",
|
41
|
+
".Button--secondary:hover:not(:disabled)",
|
42
|
+
".Button--secondary:active:not(:disabled)",
|
43
|
+
".Button--secondary[aria-pressed=true]",
|
44
|
+
".Button--secondary:disabled",
|
45
|
+
".Button--secondary[aria-disabled=true]",
|
46
|
+
".Button--invisible",
|
47
|
+
".Button--invisible:hover:not(:disabled)",
|
48
|
+
".Button--invisible:active:not(:disabled)",
|
49
|
+
".Button--invisible[aria-pressed=true]",
|
50
|
+
".Button--invisible:disabled",
|
51
|
+
".Button--invisible[aria-disabled=true]",
|
52
|
+
".Button--invisible.Button--invisible-noVisuals .Button-label",
|
53
|
+
".Button--invisible .Button-visual",
|
54
|
+
".Button--invisible .Button-visual .Counter",
|
55
|
+
".Button--link",
|
56
|
+
".Button--link:hover:not(:disabled)",
|
57
|
+
".Button--link:focus",
|
58
|
+
".Button--link:focus-visible",
|
59
|
+
".Button--link:disabled",
|
60
|
+
".Button--link[aria-disabled=true]",
|
61
|
+
".Button--danger",
|
62
|
+
".Button--danger:hover:not(:disabled)",
|
63
|
+
".Button--danger:active:not(:disabled)",
|
64
|
+
".Button--danger[aria-pressed=true]",
|
65
|
+
".Button--danger:disabled",
|
66
|
+
".Button--danger[aria-disabled=true]",
|
67
|
+
".Button--iconOnly",
|
68
|
+
".Button--iconOnly.Button--small",
|
69
|
+
".Button--iconOnly.Button--large"
|
70
|
+
]
|
71
|
+
}
|
@@ -1 +1 @@
|
|
1
|
-
.Counter{background-color:var(--color-neutral-muted);border:var(--
|
1
|
+
.Counter{background-color:var(--color-neutral-muted);border:var(--borderWidth-thin,1px) solid var(--color-counter-border);border-radius:2em;color:var(--color-fg-default);display:inline-block;font-size:var(--text-body-size-small,12px);font-weight:var(--base-text-weight-medium,500);line-height:calc(var(--base-size-20, 20px) - var(--borderWidth-thin, 1px)*2);min-width:var(--base-size-20,20px);padding:0 6px;text-align:center}.Counter:empty{display:none}.Counter .octicon{opacity:.8;vertical-align:text-top}.Counter--primary{background-color:var(--color-neutral-emphasis);color:var(--color-fg-on-emphasis)}.Counter--secondary{background-color:var(--color-neutral-subtle);color:var(--color-fg-muted)}
|
@@ -1 +1,10 @@
|
|
1
|
-
{
|
1
|
+
{
|
2
|
+
"name": "beta/counter",
|
3
|
+
"selectors": [
|
4
|
+
".Counter",
|
5
|
+
".Counter:empty",
|
6
|
+
".Counter .octicon",
|
7
|
+
".Counter--primary",
|
8
|
+
".Counter--secondary"
|
9
|
+
]
|
10
|
+
}
|
@@ -1 +1 @@
|
|
1
|
-
.flash:not(.Banner){background-image:linear-gradient(var(--color-accent-subtle),var(--color-accent-subtle));border-color:var(--color-accent-muted);border-radius:var(--
|
1
|
+
.flash:not(.Banner){background-image:linear-gradient(var(--color-accent-subtle),var(--color-accent-subtle));border-color:var(--color-accent-muted);border-radius:var(--borderRadius-medium,6px);border-style:solid;border-width:var(--borderWidth-thin,1px);color:var(--color-fg-default);padding:var(--base-size-20,20px) var(--control-medium-paddingInline-spacious,16px);position:relative}.flash:not(.Banner) .octicon{color:var(--color-accent-fg);margin-right:var(--base-size-12,12px)}.flash:not(.Banner) p:last-child{margin-bottom:0}.flash-messages{margin-bottom:var(--stack-gap-spacious,24px)}.flash-close:not(.Banner-close){-webkit-appearance:none;appearance:none;background:none;border:0;cursor:pointer;float:right;margin:calc(var(--control-medium-paddingInline-spacious, 16px)*-1);padding:var(--control-medium-paddingInline-spacious,16px);text-align:center}.flash-close:not(.Banner-close):hover{opacity:.7}.flash-close:not(.Banner-close):active{opacity:.5}.flash-close:not(.Banner-close) .octicon{margin-right:0}.flash-action:not(.Banner-actions){background-clip:padding-box;float:right;margin-left:var(--stack-gap-spacious,24px);margin-top:-3px}.flash-action.btn:not(.Banner-actions) .octicon{color:var(--color-fg-muted);margin-right:var(--control-small-gap,4px)}.flash-action.btn-primary:not(.Banner-actions){background-clip:initial}.flash-action.btn-primary:not(.Banner-actions) .octicon{color:inherit}.flash-warn:not(.Banner){background-image:linear-gradient(var(--color-attention-subtle),var(--color-attention-subtle));border-color:var(--color-attention-muted);color:var(--color-fg-default)}.flash-warn:not(.Banner) .octicon{color:var(--color-attention-fg)}.flash-error:not(.Banner){background-image:linear-gradient(var(--color-danger-subtle),var(--color-danger-subtle));border-color:var(--color-danger-muted);color:var(--color-fg-default)}.flash-error:not(.Banner) .octicon{color:var(--color-danger-fg)}.flash-success:not(.Banner){background-image:linear-gradient(var(--color-success-subtle),var(--color-success-subtle));border-color:var(--color-success-muted);color:var(--color-fg-default)}.flash-success:not(.Banner) .octicon{color:var(--color-success-fg)}.flash-full:not(.Banner){border-radius:0;border-width:var(--borderWidth-thin,1px) 0;margin-top:calc(var(--borderWidth-thin, 1px)*-1)}.flash-banner{border-left:0;border-radius:0;border-right:0;border-top:0;position:fixed;top:0;width:100%;z-index:90}.flash-banner,.flash-full{background-color:var(--color-canvas-default)}.warning{background-color:var(--color-attention-subtle);font-weight:var(--base-text-weight-semibold,600);margin-bottom:.8em;padding:.5em}
|
@@ -1 +1,27 @@
|
|
1
|
-
{
|
1
|
+
{
|
2
|
+
"name": "beta/flash",
|
3
|
+
"selectors": [
|
4
|
+
".flash:not(.Banner)",
|
5
|
+
".flash:not(.Banner) .octicon",
|
6
|
+
".flash:not(.Banner) p:last-child",
|
7
|
+
".flash-messages",
|
8
|
+
".flash-close:not(.Banner-close)",
|
9
|
+
".flash-close:not(.Banner-close):hover",
|
10
|
+
".flash-close:not(.Banner-close):active",
|
11
|
+
".flash-close:not(.Banner-close) .octicon",
|
12
|
+
".flash-action:not(.Banner-actions)",
|
13
|
+
".flash-action.btn:not(.Banner-actions) .octicon",
|
14
|
+
".flash-action.btn-primary:not(.Banner-actions)",
|
15
|
+
".flash-action.btn-primary:not(.Banner-actions) .octicon",
|
16
|
+
".flash-warn:not(.Banner)",
|
17
|
+
".flash-warn:not(.Banner) .octicon",
|
18
|
+
".flash-error:not(.Banner)",
|
19
|
+
".flash-error:not(.Banner) .octicon",
|
20
|
+
".flash-success:not(.Banner)",
|
21
|
+
".flash-success:not(.Banner) .octicon",
|
22
|
+
".flash-full:not(.Banner)",
|
23
|
+
".flash-banner",
|
24
|
+
".flash-full",
|
25
|
+
".warning"
|
26
|
+
]
|
27
|
+
}
|
@@ -1 +1 @@
|
|
1
|
-
.labels{position:relative}.Label,.label{border:var(--
|
1
|
+
.labels{position:relative}.Label,.label{border:var(--borderWidth-thin,1px) solid var(--color-border-default);border-radius:2em;display:inline-block;font-size:var(--text-body-size-small,12px);font-weight:var(--base-text-weight-medium,500);line-height:18px;padding:0 7px;white-space:nowrap}.Label:hover,.label:hover{text-decoration:none}.Label--large{line-height:22px;padding-left:10px;padding-right:10px}.Label--inline{display:inline;font-size:85%;padding:.12em .5em}.Label--primary{border-color:var(--color-neutral-emphasis);color:var(--color-fg-default)}.Label--secondary{border-color:var(--color-border-default);color:var(--color-fg-muted)}.Label--accent,.Label--info{border-color:var(--color-accent-emphasis);color:var(--color-accent-fg)}.Label--success{border-color:var(--color-success-emphasis);color:var(--color-success-fg)}.Label--attention,.Label--warning{border-color:var(--color-attention-emphasis);color:var(--color-attention-fg)}.Label--severe{border-color:var(--color-severe-emphasis);color:var(--color-severe-fg)}.Label--danger{border-color:var(--color-danger-emphasis);color:var(--color-danger-fg)}.Label--open{border-color:var(--color-open-emphasis);color:var(--color-open-fg)}.Label--closed{border-color:var(--color-closed-emphasis);color:var(--color-closed-fg)}.Label--done{border-color:var(--color-done-emphasis);color:var(--color-done-fg)}.Label--sponsors{border-color:var(--color-sponsors-emphasis);color:var(--color-sponsors-fg)}
|
@@ -1 +1,25 @@
|
|
1
|
-
{
|
1
|
+
{
|
2
|
+
"name": "beta/label",
|
3
|
+
"selectors": [
|
4
|
+
".labels",
|
5
|
+
".Label",
|
6
|
+
".label",
|
7
|
+
".Label:hover",
|
8
|
+
".label:hover",
|
9
|
+
".Label--large",
|
10
|
+
".Label--inline",
|
11
|
+
".Label--primary",
|
12
|
+
".Label--secondary",
|
13
|
+
".Label--accent",
|
14
|
+
".Label--info",
|
15
|
+
".Label--success",
|
16
|
+
".Label--attention",
|
17
|
+
".Label--warning",
|
18
|
+
".Label--severe",
|
19
|
+
".Label--danger",
|
20
|
+
".Label--open",
|
21
|
+
".Label--closed",
|
22
|
+
".Label--done",
|
23
|
+
".Label--sponsors"
|
24
|
+
]
|
25
|
+
}
|
@@ -1 +1,19 @@
|
|
1
|
-
{
|
1
|
+
{
|
2
|
+
"name": "beta/link",
|
3
|
+
"selectors": [
|
4
|
+
".Link",
|
5
|
+
".Link:hover",
|
6
|
+
".Link:focus",
|
7
|
+
".Link:focus-visible",
|
8
|
+
".Link--primary",
|
9
|
+
".Link--primary:hover",
|
10
|
+
".Link--secondary",
|
11
|
+
".Link--secondary:hover",
|
12
|
+
".Link--muted",
|
13
|
+
".Link--muted:hover",
|
14
|
+
".Link--onHover:hover",
|
15
|
+
".Link--muted:hover [class*=color-fg]",
|
16
|
+
".Link--primary:hover [class*=color-fg]",
|
17
|
+
".Link--secondary:hover [class*=color-fg]"
|
18
|
+
]
|
19
|
+
}
|
@@ -1 +1 @@
|
|
1
|
-
.Popover{position:absolute;z-index:100}.Popover-message{background-color:var(--color-canvas-overlay);border:var(--
|
1
|
+
.Popover{position:absolute;z-index:100}.Popover-message{background-color:var(--color-canvas-overlay);border:var(--borderWidth-thin,1px) solid var(--color-border-default);border-radius:var(--borderRadius-medium,6px);margin-left:auto;margin-right:auto;position:relative;width:232px}.Popover-message:after,.Popover-message:before{content:"";display:inline-block;left:50%;position:absolute}.Popover-message:before{border:8px solid #0000;border-bottom:8px solid var(--color-border-default);margin-left:-9px;top:-16px}.Popover-message:after{border:7px solid #0000;border-bottom:7px solid var(--color-canvas-overlay);margin-left:-8px;top:-14px}.Popover-message--no-caret:after,.Popover-message--no-caret:before{display:none}.Popover-message--bottom-left:after,.Popover-message--bottom-left:before,.Popover-message--bottom-right:after,.Popover-message--bottom-right:before,.Popover-message--bottom:after,.Popover-message--bottom:before{border-bottom-color:#0000;top:auto}.Popover-message--bottom-left:before,.Popover-message--bottom-right:before,.Popover-message--bottom:before{border-top-color:var(--color-border-default);bottom:-16px}.Popover-message--bottom-left:after,.Popover-message--bottom-right:after,.Popover-message--bottom:after{border-top-color:var(--color-canvas-overlay);bottom:-14px}.Popover-message--bottom-right,.Popover-message--top-right{margin-right:0;right:-9px}.Popover-message--bottom-right:after,.Popover-message--bottom-right:before,.Popover-message--top-right:after,.Popover-message--top-right:before{left:auto;margin-left:0}.Popover-message--bottom-right:before,.Popover-message--top-right:before{right:20px}.Popover-message--bottom-right:after,.Popover-message--top-right:after{right:21px}.Popover-message--bottom-left,.Popover-message--top-left{left:-9px;margin-left:0}.Popover-message--bottom-left:after,.Popover-message--bottom-left:before,.Popover-message--top-left:after,.Popover-message--top-left:before{left:24px;margin-left:0}.Popover-message--bottom-left:after,.Popover-message--top-left:after{left:25px}.Popover-message--left-bottom:after,.Popover-message--left-bottom:before,.Popover-message--left-top:after,.Popover-message--left-top:before,.Popover-message--left:after,.Popover-message--left:before,.Popover-message--right-bottom:after,.Popover-message--right-bottom:before,.Popover-message--right-top:after,.Popover-message--right-top:before,.Popover-message--right:after,.Popover-message--right:before{border-bottom-color:#0000;left:auto;margin-left:0;top:50%}.Popover-message--left-bottom:before,.Popover-message--left-top:before,.Popover-message--left:before,.Popover-message--right-bottom:before,.Popover-message--right-top:before,.Popover-message--right:before{margin-top:-9px}.Popover-message--left-bottom:after,.Popover-message--left-top:after,.Popover-message--left:after,.Popover-message--right-bottom:after,.Popover-message--right-top:after,.Popover-message--right:after{margin-top:-8px}.Popover-message--right-bottom:before,.Popover-message--right-top:before,.Popover-message--right:before{border-left-color:var(--color-border-default);right:-16px}.Popover-message--right-bottom:after,.Popover-message--right-top:after,.Popover-message--right:after{border-left-color:var(--color-canvas-overlay);right:-14px}.Popover-message--left-bottom:before,.Popover-message--left-top:before,.Popover-message--left:before{border-right-color:var(--color-border-default);left:-16px}.Popover-message--left-bottom:after,.Popover-message--left-top:after,.Popover-message--left:after{border-right-color:var(--color-canvas-overlay);left:-14px}.Popover-message--left-top:after,.Popover-message--left-top:before,.Popover-message--right-top:after,.Popover-message--right-top:before{top:24px}.Popover-message--left-bottom:after,.Popover-message--left-bottom:before,.Popover-message--right-bottom:after,.Popover-message--right-bottom:before{top:auto}.Popover-message--left-bottom:before,.Popover-message--right-bottom:before{bottom:16px}.Popover-message--left-bottom:after,.Popover-message--right-bottom:after{bottom:17px}@media (min-width:544px){.Popover-message--large{min-width:320px}}@media (max-width:767.98px){.Popover{bottom:0!important;left:0!important;position:fixed;right:0!important;top:auto!important}.Popover-message{bottom:auto;left:auto;margin:var(--stack-gap-condensed,8px);right:auto;top:auto;width:auto!important}.Popover-message>.btn-octicon{padding:var(--control-medium-paddingInline-normal,12px)!important}.Popover-message:after,.Popover-message:before{display:none}}
|