mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-07-25 02:19:12 -04:00
27 lines
1016 B
SCSS
27 lines
1016 B
SCSS
@import "../../settings/all";
|
|
@import "../../tools/all";
|
|
@import "../../helpers/all";
|
|
|
|
@include govuk-exports("govuk/component/skip-link") {
|
|
.govuk-skip-link {
|
|
@include govuk-visually-hidden-focusable;
|
|
@include govuk-link-common;
|
|
@include govuk-link-style-text;
|
|
@include govuk-typography-responsive($size: 16);
|
|
|
|
display: block;
|
|
padding: govuk-spacing(2) govuk-spacing(3);
|
|
|
|
// Respect 'display cutout' safe area (avoids notches and rounded corners)
|
|
@supports (padding: unquote("max(calc(0px))")) {
|
|
$padding-safe-area-right: calc(#{govuk-spacing(3)} + env(safe-area-inset-right));
|
|
$padding-safe-area-left: calc(#{govuk-spacing(3)} + env(safe-area-inset-left));
|
|
|
|
// Use max() to pick largest padding, default or with safe area
|
|
// Escaped due to Sass max() vs. CSS native max()
|
|
padding-right: unquote("max(#{govuk-spacing(3)}, #{$padding-safe-area-right})");
|
|
padding-left: unquote("max(#{govuk-spacing(3)}, #{$padding-safe-area-left})");
|
|
}
|
|
}
|
|
}
|