@primer/brand-css 0.58.1-rc.ec4b8c30 → 0.58.2-rc.9b3424fe
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/components/Card/Card.css
CHANGED
|
@@ -92,12 +92,18 @@
|
|
|
92
92
|
border-radius: var(--brand-borderRadius-xlarge);
|
|
93
93
|
}
|
|
94
94
|
|
|
95
|
+
.Card__outer:has(.Card--variant-minimal) {
|
|
96
|
+
border-radius: var(--brand-borderRadius-small);
|
|
97
|
+
}
|
|
98
|
+
|
|
95
99
|
.Card__outer:focus-within {
|
|
96
100
|
outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
|
|
97
101
|
}
|
|
98
102
|
|
|
99
103
|
.Card__outer:has(.Card--variant-minimal):focus-within {
|
|
100
|
-
outline-offset: var(
|
|
104
|
+
outline-offset: var(
|
|
105
|
+
--base-size-12
|
|
106
|
+
); /* This value is adjusted so that, when combined with the container's border radius, the total border radius equals `var(--brand-borderRadius-medium)` */
|
|
101
107
|
}
|
|
102
108
|
|
|
103
109
|
.Card--icon {
|
|
@@ -8,18 +8,15 @@
|
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
.FrostedGlassVFX--intensity-low {
|
|
11
|
-
|
|
12
|
-
backdrop-filter: blur(var(--brand-FrostedGlassVFX-blurIntensity-low));
|
|
11
|
+
backdrop-filter: blur(var(--brand-FrostedGlassVFX-blurIntensity-low));
|
|
13
12
|
}
|
|
14
13
|
|
|
15
14
|
.FrostedGlassVFX--intensity-medium {
|
|
16
|
-
|
|
17
|
-
backdrop-filter: blur(var(--brand-FrostedGlassVFX-blurIntensity-medium));
|
|
15
|
+
backdrop-filter: blur(var(--brand-FrostedGlassVFX-blurIntensity-medium));
|
|
18
16
|
}
|
|
19
17
|
|
|
20
18
|
.FrostedGlassVFX--intensity-high {
|
|
21
|
-
|
|
22
|
-
backdrop-filter: blur(var(--brand-FrostedGlassVFX-blurIntensity-high));
|
|
19
|
+
backdrop-filter: blur(var(--brand-FrostedGlassVFX-blurIntensity-high));
|
|
23
20
|
}
|
|
24
21
|
|
|
25
22
|
.FrostedGlassVFX::before {
|
package/components/IDE/IDE.css
CHANGED
|
@@ -6,7 +6,6 @@
|
|
|
6
6
|
z-index: 90;
|
|
7
7
|
font-weight: 550;
|
|
8
8
|
background: var(--brand-SubdomainNavBar-canvas-default);
|
|
9
|
-
-webkit-backdrop-filter: blur(16px);
|
|
10
9
|
backdrop-filter: blur(16px);
|
|
11
10
|
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
|
12
11
|
transition: background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-default),
|
|
@@ -561,7 +560,6 @@
|
|
|
561
560
|
left: 0;
|
|
562
561
|
right: 0;
|
|
563
562
|
background: var(--brand-SubdomainNavBar-canvas-search);
|
|
564
|
-
-webkit-backdrop-filter: blur(100px);
|
|
565
563
|
backdrop-filter: blur(100px);
|
|
566
564
|
height: 100vh;
|
|
567
565
|
width: 100vw;
|
|
@@ -589,7 +587,6 @@
|
|
|
589
587
|
.SubdomainNavBar-search-dialog-control-area {
|
|
590
588
|
height: 74px;
|
|
591
589
|
background: var(--brand-SubdomainNavBar-canvas-default);
|
|
592
|
-
-webkit-backdrop-filter: blur(16px);
|
|
593
590
|
backdrop-filter: blur(16px);
|
|
594
591
|
padding: var(--base-size-12) var(--base-size-28);
|
|
595
592
|
display: flex;
|