@deque/cauldron-styles 4.2.1 → 4.3.0-canary.acd760d8
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/dist/index.css +22 -10
- package/package.json +2 -2
package/dist/index.css
CHANGED
|
@@ -2716,21 +2716,19 @@ button.TooltipTabstop {
|
|
|
2716
2716
|
}
|
|
2717
2717
|
|
|
2718
2718
|
:root {
|
|
2719
|
-
--skip-link-background-color: rgba(
|
|
2719
|
+
--skip-link-background-color: rgba(255, 255, 255, 0.95);
|
|
2720
|
+
--skip-link-focus-color: var(--focus-light);
|
|
2721
|
+
--skip-link-text-color: var(--text-color-base);
|
|
2720
2722
|
}
|
|
2721
2723
|
|
|
2722
2724
|
.SkipLink {
|
|
2723
|
-
min-width: 173px;
|
|
2724
|
-
height: 58px;
|
|
2725
|
-
background-color: var(--skip-link-background-color);
|
|
2726
2725
|
position: absolute;
|
|
2727
2726
|
box-sizing: border-box;
|
|
2728
|
-
padding: var(--space-
|
|
2727
|
+
padding: var(--space-smallest);
|
|
2729
2728
|
top: -999px;
|
|
2730
2729
|
left: 11px;
|
|
2731
2730
|
opacity: 0;
|
|
2732
2731
|
transition: 250ms opacity;
|
|
2733
|
-
border-radius: 2px;
|
|
2734
2732
|
z-index: var(--z-index-skip-container);
|
|
2735
2733
|
}
|
|
2736
2734
|
|
|
@@ -2744,10 +2742,13 @@ button.TooltipTabstop {
|
|
|
2744
2742
|
}
|
|
2745
2743
|
|
|
2746
2744
|
.SkipLink a {
|
|
2745
|
+
min-width: 13rem;
|
|
2746
|
+
background-color: var(--skip-link-background-color);
|
|
2747
2747
|
display: block;
|
|
2748
|
-
color: var(--text-color
|
|
2748
|
+
color: var(--skip-link-text-color);
|
|
2749
2749
|
text-decoration: none;
|
|
2750
|
-
padding:
|
|
2750
|
+
padding: 12px;
|
|
2751
|
+
border-radius: 2px;
|
|
2751
2752
|
}
|
|
2752
2753
|
|
|
2753
2754
|
.SkipLink span {
|
|
@@ -2757,13 +2758,16 @@ button.TooltipTabstop {
|
|
|
2757
2758
|
.SkipLink .SkipLink__item--first {
|
|
2758
2759
|
font-size: var(--text-size-small);
|
|
2759
2760
|
font-weight: var(--font-weight-light);
|
|
2760
|
-
|
|
2761
|
+
margin-bottom: var(--space-three-quarters);
|
|
2761
2762
|
}
|
|
2762
2763
|
|
|
2763
2764
|
.SkipLink .SkipLink__item--second {
|
|
2764
2765
|
font-size: var(--text-size-normal);
|
|
2765
2766
|
font-weight: var(--font-weight-medium);
|
|
2766
|
-
|
|
2767
|
+
}
|
|
2768
|
+
|
|
2769
|
+
.SkipLink .Icon--triangle-right {
|
|
2770
|
+
color: var(--skip-link-focus-color);
|
|
2767
2771
|
}
|
|
2768
2772
|
|
|
2769
2773
|
.SkipLink ul {
|
|
@@ -2810,6 +2814,14 @@ button.TooltipTabstop {
|
|
|
2810
2814
|
color: var(--text-color-light);
|
|
2811
2815
|
}
|
|
2812
2816
|
|
|
2817
|
+
/* Dark Theme */
|
|
2818
|
+
|
|
2819
|
+
.cauldron--theme-dark {
|
|
2820
|
+
--skip-link-background-color: rgba(11, 14, 17, 0.95);
|
|
2821
|
+
--skip-link-focus-color: var(--focus-dark);
|
|
2822
|
+
--skip-link-text-color: var(--text-color-light);
|
|
2823
|
+
}
|
|
2824
|
+
|
|
2813
2825
|
:root {
|
|
2814
2826
|
--loader-ring-size: 104px;
|
|
2815
2827
|
--loader-ring-thickness: 10px;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@deque/cauldron-styles",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.3.0-canary.acd760d8",
|
|
4
4
|
"license": "MPL-2.0",
|
|
5
5
|
"description": "deque cauldron pattern library styles",
|
|
6
6
|
"repository": "https://github.com/dequelabs/cauldron",
|
|
@@ -22,4 +22,4 @@
|
|
|
22
22
|
"postcss-cli": "^7.1.1",
|
|
23
23
|
"postcss-import": "^12.0.1"
|
|
24
24
|
}
|
|
25
|
-
}
|
|
25
|
+
}
|