@primer/css 0.0.0-202111820121 → 0.0.0-2021118211841
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +3 -55
- package/DEVELOP.md +0 -15
- package/actionlist/action-list-item.scss +18 -50
- package/actionlist/action-list.scss +0 -5
- package/base/normalize.scss +1 -1
- package/box/index.scss +0 -1
- package/buttons/misc.scss +3 -7
- package/color-modes/index.scss +0 -1
- package/color-modes/themes/dark.scss +2 -2
- package/color-modes/themes/dark_colorblind.scss +2 -2
- package/color-modes/themes/dark_dimmed.scss +2 -2
- package/color-modes/themes/dark_high_contrast.scss +2 -2
- package/color-modes/themes/light.scss +2 -2
- package/color-modes/themes/light_colorblind.scss +2 -2
- package/deprecations.json +0 -4
- package/dist/actionlist.css +1 -1
- package/dist/actionlist.css.map +1 -1
- package/dist/alerts.css.map +1 -1
- package/dist/autocomplete.css.map +1 -1
- package/dist/avatars.css.map +1 -1
- package/dist/base.css +1 -1
- package/dist/base.css.map +1 -1
- package/dist/blankslate.css.map +1 -1
- package/dist/box.css +1 -1
- package/dist/box.css.map +1 -1
- package/dist/branch-name.css.map +1 -1
- package/dist/breadcrumb.css.map +1 -1
- package/dist/buttons.css +1 -1
- package/dist/buttons.css.map +1 -1
- package/dist/color-modes.css +1 -1
- package/dist/color-modes.css.map +1 -1
- package/dist/core.css +1 -1
- package/dist/core.css.map +1 -1
- package/dist/deprecations.json +0 -4
- package/dist/dropdown.css.map +1 -1
- package/dist/forms.css.map +1 -1
- package/dist/header.css.map +1 -1
- package/dist/labels.css +1 -1
- package/dist/labels.css.map +1 -1
- package/dist/layout.css +1 -1
- package/dist/layout.css.map +1 -1
- package/dist/links.css.map +1 -1
- package/dist/loaders.css.map +1 -1
- package/dist/markdown.css.map +1 -1
- package/dist/marketing-buttons.css +1 -1
- package/dist/marketing-buttons.css.map +1 -1
- package/dist/marketing-type.css +1 -1
- package/dist/marketing-type.css.map +1 -1
- package/dist/marketing-utilities.css +1 -1
- package/dist/marketing-utilities.css.map +1 -1
- package/dist/marketing.css +1 -1
- package/dist/marketing.css.map +1 -1
- package/dist/meta.json +91 -89
- package/dist/navigation.css +1 -1
- package/dist/navigation.css.map +1 -1
- package/dist/pagination.css.map +1 -1
- package/dist/popover.css +1 -1
- package/dist/popover.css.map +1 -1
- package/dist/primer.css +4 -4
- package/dist/primer.css.map +1 -1
- package/dist/product.css +1 -1
- package/dist/product.css.map +1 -1
- package/dist/progress.css.map +1 -1
- package/dist/select-menu.css.map +1 -1
- package/dist/stats/actionlist.json +1 -1
- package/dist/stats/base.json +1 -1
- package/dist/stats/box.json +1 -1
- package/dist/stats/buttons.json +1 -1
- package/dist/stats/color-modes.json +1 -1
- package/dist/stats/core.json +1 -1
- package/dist/stats/labels.json +1 -1
- package/dist/stats/layout.json +1 -1
- package/dist/stats/marketing-buttons.json +1 -1
- package/dist/stats/marketing-type.json +1 -1
- package/dist/stats/marketing-utilities.json +1 -1
- package/dist/stats/marketing.json +1 -1
- package/dist/stats/navigation.json +1 -1
- package/dist/stats/popover.json +1 -1
- package/dist/stats/primer.json +1 -1
- package/dist/stats/product.json +1 -1
- package/dist/subhead.css.map +1 -1
- package/dist/timeline.css.map +1 -1
- package/dist/toasts.css.map +1 -1
- package/dist/tooltips.css.map +1 -1
- package/dist/truncate.css.map +1 -1
- package/dist/utilities.css.map +1 -1
- package/dist/variables.json +62 -62
- package/index.scss +4 -4
- package/labels/counters.scss +1 -1
- package/labels/labels.scss +1 -0
- package/layout/index.scss +1 -0
- package/layout/mixins.scss +27 -1
- package/layout/page-layout.scss +370 -0
- package/marketing/buttons/button.scss +52 -102
- package/marketing/buttons/index.scss +2 -2
- package/marketing/index.scss +0 -1
- package/marketing/support/index.scss +3 -2
- package/marketing/support/mixins.scss +66 -0
- package/marketing/support/variables.scss +5 -4
- package/marketing/type/index.scss +2 -2
- package/marketing/type/typography.scss +49 -23
- package/marketing/utilities/animations.scss +0 -42
- package/marketing/utilities/index.scss +5 -5
- package/marketing/utilities/layout.scss +1 -1
- package/navigation/underline-nav.scss +31 -76
- package/package.json +14 -14
- package/popover/popover.scss +4 -42
- package/support/mixins/layout.scss +5 -5
- package/support/mixins/misc.scss +1 -25
- package/support/variables/layout.scss +7 -8
- package/support/variables/typography.scss +1 -1
- package/box/box-overlay.scss +0 -40
- package/color-modes/themes/light_high_contrast.scss +0 -7
- package/dist/marketing-links.css +0 -2
- package/dist/marketing-links.css.map +0 -1
- package/dist/marketing-links.js +0 -1
- package/dist/stats/marketing-links.json +0 -1
- package/marketing/links/index.scss +0 -3
- package/marketing/links/link.scss +0 -50
|
@@ -32,7 +32,7 @@ $lh-condensed: 1.25 !default;
|
|
|
32
32
|
$lh-default: 1.5 !default;
|
|
33
33
|
|
|
34
34
|
// Font stacks
|
|
35
|
-
$body-font: -apple-system, BlinkMacSystemFont,
|
|
35
|
+
$body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" !default;
|
|
36
36
|
|
|
37
37
|
// Monospace font stack
|
|
38
38
|
// Note: SFMono-Regular needs to come before SF Mono to fix an older version of the font in Chrome
|
package/box/box-overlay.scss
DELETED
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
.Box--overlay {
|
|
2
|
-
width: 448px;
|
|
3
|
-
margin-right: auto;
|
|
4
|
-
margin-left: auto;
|
|
5
|
-
background-color: var(--color-canvas-default);
|
|
6
|
-
background-clip: padding-box;
|
|
7
|
-
border-color: var(--color-border-default);
|
|
8
|
-
// stylelint-disable-next-line primer/box-shadow
|
|
9
|
-
box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
|
|
10
|
-
|
|
11
|
-
.Box-header {
|
|
12
|
-
margin: 0;
|
|
13
|
-
border-width: 0;
|
|
14
|
-
border-bottom-width: $border-width;
|
|
15
|
-
border-top-left-radius: $border-radius;
|
|
16
|
-
border-top-right-radius: $border-radius;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.Box-overlay--narrow {
|
|
21
|
-
width: 320px;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.Box-overlay--wide {
|
|
25
|
-
width: 640px;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.Box-body {
|
|
29
|
-
&.scrollable-overlay {
|
|
30
|
-
max-height: 400px;
|
|
31
|
-
overflow-y: scroll;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.help {
|
|
35
|
-
padding-top: $spacer-2;
|
|
36
|
-
margin: 0;
|
|
37
|
-
color: var(--color-fg-muted);
|
|
38
|
-
text-align: center;
|
|
39
|
-
}
|
|
40
|
-
}
|
package/dist/marketing-links.css
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
.link-mktg{position:relative;display:inline-block}.link-mktg:hover{text-decoration:none}.link-mktg:active{outline:none}.link-mktg::after,.link-mktg.link-emphasis-mktg::before{position:absolute;bottom:-0.15em;left:0;width:calc(100% - 1em);height:2px;pointer-events:none;content:"";background-color:currentColor;transform:scaleX(0);transform-origin:0 0}@media screen and (prefers-reduced-motion: no-preference){.link-mktg::after,.link-mktg.link-emphasis-mktg::before{transition:transform .3s ease}}.link-mktg.link-emphasis-mktg::before{opacity:.2;transform:scaleX(1)}.link-mktg:hover::after,.link-mktg:focus::after,.link-mktg:active::after{transform:scaleX(1)}.link-mktg.arrow-target-mktg .arrow-symbol-mktg{margin-left:-0.25em}
|
|
2
|
-
/*# sourceMappingURL=marketing-links.css.map */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["file:///home/runner/work/css/css/src/marketing/links/index.scss%23sass"],"names":[],"mappings":"AAsoBA,WAAA,iBACE,CAAA,oBAAA,CAAA,iBAAA,oBAAA,CAAA,kBAAA,YAAA,CAAA,wDAAA,iBAAA,CAAA,cAAA,CAAA,MAAA,CAAA,sBAAA,CAAA,UAAA,CAAA,mBAAA,CAAA,UAAA,CAAA,6BAAA,CAAA,mBAAA,CAAA,oBAAA,CAAA,0DAAA,wDAAA,6BAAA,CAAA,CAAA,sCAAA,UAAA,CAAA,mBAAA,CAAA,yEAAA,mBAAA,CAAA,gDAAA,mBAAA","file":"marketing-links.css"}
|
package/dist/marketing-links.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {cssstats: require('./stats/marketing-links.json')}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"size":726,"gzipSize":358,"humanizedSize":"726B","humanizedGzipSize":"358B","rules":{"total":8,"size":{"graph":[2,1,1,10,1,2,1,1],"max":10,"average":2.375},"selectorByRuleSizes":[{"selector":".link-mktg::after,.link-mktg.link-emphasis-mktg::before","declarations":10},{"selector":".link-mktg.link-emphasis-mktg::before","declarations":2},{"selector":".link-mktg","declarations":2},{"selector":".link-mktg.arrow-target-mktg .arrow-symbol-mktg","declarations":1},{"selector":".link-mktg:hover::after,.link-mktg:focus::after,.link-mktg:active::after","declarations":1},{"selector":".link-mktg::after,.link-mktg.link-emphasis-mktg::before","declarations":1},{"selector":".link-mktg:active","declarations":1},{"selector":".link-mktg:hover","declarations":1}]},"selectors":{"total":12,"type":0,"class":12,"id":0,"pseudoClass":5,"pseudoElement":8,"values":[".link-mktg",".link-mktg:hover",".link-mktg:active",".link-mktg::after",".link-mktg.link-emphasis-mktg::before",".link-mktg::after",".link-mktg.link-emphasis-mktg::before",".link-mktg.link-emphasis-mktg::before",".link-mktg:hover::after",".link-mktg:focus::after",".link-mktg:active::after",".link-mktg.arrow-target-mktg .arrow-symbol-mktg"],"specificity":{"max":30,"average":19}},"declarations":{"total":19,"unique":18,"uniqueToTotalRatio":0.9473684210526315,"properties":{"position":["relative","absolute"],"display":["inline-block"],"text-decoration":["none"],"outline":["none"],"bottom":["-0.15em"],"left":["0"],"width":["calc(100% - 1em)"],"height":["2px"],"pointer-events":["none"],"content":["\"\""],"background-color":["currentColor"],"transform":["scaleX(0)","scaleX(1)","scaleX(1)"],"transform-origin":["0 0"],"transition":["transform .3s ease"],"opacity":[".2"],"margin-left":["-0.25em"]}},"mediaQueries":{"total":1,"unique":1,"values":["screen and (prefers-reduced-motion: no-preference)"],"contents":[{"value":"screen and (prefers-reduced-motion: no-preference)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".link-mktg::after,.link-mktg.link-emphasis-mktg::before","declarations":1}]},"selectors":{"total":2,"type":0,"class":2,"id":0,"pseudoClass":0,"pseudoElement":2,"values":[".link-mktg::after",".link-mktg.link-emphasis-mktg::before"],"specificity":{"max":21,"average":16}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"transition":["transform .3s ease"]}}}]}}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
.link-mktg {
|
|
2
|
-
position: relative;
|
|
3
|
-
display: inline-block;
|
|
4
|
-
|
|
5
|
-
&:hover {
|
|
6
|
-
text-decoration: none;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
&:active {
|
|
10
|
-
outline: none;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
&::after,
|
|
14
|
-
&.link-emphasis-mktg::before {
|
|
15
|
-
position: absolute;
|
|
16
|
-
bottom: -0.15em;
|
|
17
|
-
left: 0;
|
|
18
|
-
width: calc(100% - 1em);
|
|
19
|
-
height: 2px;
|
|
20
|
-
pointer-events: none;
|
|
21
|
-
content: '';
|
|
22
|
-
// stylelint-disable-next-line primer/colors
|
|
23
|
-
background-color: currentColor;
|
|
24
|
-
transform: scaleX(0);
|
|
25
|
-
transform-origin: 0 0;
|
|
26
|
-
|
|
27
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
28
|
-
transition: transform 0.3s ease;
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
&.link-emphasis-mktg::before {
|
|
33
|
-
opacity: 0.2;
|
|
34
|
-
transform: scaleX(1);
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
&:hover,
|
|
38
|
-
&:focus,
|
|
39
|
-
&:active {
|
|
40
|
-
&::after {
|
|
41
|
-
transform: scaleX(1);
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
&.arrow-target-mktg {
|
|
46
|
-
.arrow-symbol-mktg {
|
|
47
|
-
margin-left: -$em-spacer-3;
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
}
|