mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-07-31 20:00:00 -04:00
Specificity means that the media query will always override, but this is more obvious with the order this way around.
41 lines
598 B
SCSS
41 lines
598 B
SCSS
.webauthn__no-js {
|
|
.js-enabled & {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.webauthn__api-missing {
|
|
display: none;
|
|
|
|
.js-enabled & {
|
|
display: block;
|
|
}
|
|
|
|
.js-enabled.webauthn-api-enabled & {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.webauthn__api-required {
|
|
display: none;
|
|
|
|
.webauthn-api-enabled & {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
.webauthn-illustration {
|
|
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: govuk-spacing(6) auto 0 auto;
|
|
padding: 0 govuk-spacing(9) 0 govuk-spacing(9);
|
|
|
|
@include govuk-media-query($from: tablet) {
|
|
margin: govuk-spacing(9) auto 0 auto;
|
|
padding: 0;
|
|
}
|
|
|
|
}
|