@patternfly/patternfly 6.0.0-alpha.25 → 6.0.0-alpha.26
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/SkipToContent/skip-to-content.css +6 -3
- package/components/SkipToContent/skip-to-content.scss +8 -6
- package/package.json +1 -1
- package/patternfly-no-globals.css +6 -3
- package/patternfly-theme-dark-unversioned.css +6 -3
- package/patternfly.css +6 -3
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -1,7 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
--pf-v5-c-skip-to-content--Top: var(--pf-
|
|
1
|
+
:root {
|
|
2
|
+
--pf-v5-c-skip-to-content--Top: var(--pf-t--global--spacer--md);
|
|
3
3
|
--pf-v5-c-skip-to-content--ZIndex: var(--pf-v5-global--ZIndex--2xl);
|
|
4
|
-
--pf-v5-c-skip-to-content--focus--Left: var(--pf-
|
|
4
|
+
--pf-v5-c-skip-to-content--focus--Left: var(--pf-t--global--spacer--md);
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.pf-v5-c-skip-to-content {
|
|
5
8
|
position: absolute;
|
|
6
9
|
inset-block-start: var(--pf-v5-c-skip-to-content--Top);
|
|
7
10
|
inset-inline-start: -300%;
|
|
@@ -1,16 +1,18 @@
|
|
|
1
1
|
// @debug $skip-to-content; // check your variable names located in src/patternfly/sass-utilities/component-namespaces.scss
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
--#{$skip-to-content}--Top: var(
|
|
3
|
+
:root {
|
|
4
|
+
--#{$skip-to-content}--Top: var(--pf-t--global--spacer--md);
|
|
5
5
|
--#{$skip-to-content}--ZIndex: var(--#{$pf-global}--ZIndex--2xl);
|
|
6
|
-
--#{$skip-to-content}--focus--Left: var(
|
|
6
|
+
--#{$skip-to-content}--focus--Left: var(--pf-t--global--spacer--md);
|
|
7
|
+
}
|
|
7
8
|
|
|
9
|
+
.#{$skip-to-content} {
|
|
8
10
|
position: absolute;
|
|
9
|
-
|
|
10
|
-
|
|
11
|
+
inset-block-start: var(--#{$skip-to-content}--Top);
|
|
12
|
+
inset-inline-start: -300%; // moves off screen
|
|
11
13
|
z-index: var(--#{$skip-to-content}--ZIndex);
|
|
12
14
|
|
|
13
15
|
&:focus-within {
|
|
14
|
-
|
|
16
|
+
inset-inline-start: var(--#{$skip-to-content}--focus--Left);
|
|
15
17
|
}
|
|
16
18
|
}
|
package/package.json
CHANGED
|
@@ -25232,10 +25232,13 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
25232
25232
|
--pf-v5-c-skeleton--after--LinearGradientColorStop3: var(--pf-v5-global--palette--black-600);
|
|
25233
25233
|
}
|
|
25234
25234
|
|
|
25235
|
-
|
|
25236
|
-
--pf-v5-c-skip-to-content--Top: var(--pf-
|
|
25235
|
+
:root {
|
|
25236
|
+
--pf-v5-c-skip-to-content--Top: var(--pf-t--global--spacer--md);
|
|
25237
25237
|
--pf-v5-c-skip-to-content--ZIndex: var(--pf-v5-global--ZIndex--2xl);
|
|
25238
|
-
--pf-v5-c-skip-to-content--focus--Left: var(--pf-
|
|
25238
|
+
--pf-v5-c-skip-to-content--focus--Left: var(--pf-t--global--spacer--md);
|
|
25239
|
+
}
|
|
25240
|
+
|
|
25241
|
+
.pf-v5-c-skip-to-content {
|
|
25239
25242
|
position: absolute;
|
|
25240
25243
|
inset-block-start: var(--pf-v5-c-skip-to-content--Top);
|
|
25241
25244
|
inset-inline-start: -300%;
|
|
@@ -25348,10 +25348,13 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
25348
25348
|
--pf-v5-c-skeleton--after--LinearGradientColorStop3: var(--pf-v5-global--palette--black-600);
|
|
25349
25349
|
}
|
|
25350
25350
|
|
|
25351
|
-
|
|
25352
|
-
--pf-v5-c-skip-to-content--Top: var(--pf-
|
|
25351
|
+
:root {
|
|
25352
|
+
--pf-v5-c-skip-to-content--Top: var(--pf-t--global--spacer--md);
|
|
25353
25353
|
--pf-v5-c-skip-to-content--ZIndex: var(--pf-v5-global--ZIndex--2xl);
|
|
25354
|
-
--pf-v5-c-skip-to-content--focus--Left: var(--pf-
|
|
25354
|
+
--pf-v5-c-skip-to-content--focus--Left: var(--pf-t--global--spacer--md);
|
|
25355
|
+
}
|
|
25356
|
+
|
|
25357
|
+
.pf-v5-c-skip-to-content {
|
|
25355
25358
|
position: absolute;
|
|
25356
25359
|
inset-block-start: var(--pf-v5-c-skip-to-content--Top);
|
|
25357
25360
|
inset-inline-start: -300%;
|
package/patternfly.css
CHANGED
|
@@ -25348,10 +25348,13 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
25348
25348
|
--pf-v5-c-skeleton--after--LinearGradientColorStop3: var(--pf-v5-global--palette--black-600);
|
|
25349
25349
|
}
|
|
25350
25350
|
|
|
25351
|
-
|
|
25352
|
-
--pf-v5-c-skip-to-content--Top: var(--pf-
|
|
25351
|
+
:root {
|
|
25352
|
+
--pf-v5-c-skip-to-content--Top: var(--pf-t--global--spacer--md);
|
|
25353
25353
|
--pf-v5-c-skip-to-content--ZIndex: var(--pf-v5-global--ZIndex--2xl);
|
|
25354
|
-
--pf-v5-c-skip-to-content--focus--Left: var(--pf-
|
|
25354
|
+
--pf-v5-c-skip-to-content--focus--Left: var(--pf-t--global--spacer--md);
|
|
25355
|
+
}
|
|
25356
|
+
|
|
25357
|
+
.pf-v5-c-skip-to-content {
|
|
25355
25358
|
position: absolute;
|
|
25356
25359
|
inset-block-start: var(--pf-v5-c-skip-to-content--Top);
|
|
25357
25360
|
inset-inline-start: -300%;
|