darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-06-27 19:01:14 -04:00
Code Issues Packages Projects Releases Wiki Activity

Rewrite media queries to be mobile-first

Browse Source 
Also adds height: 100% which forces the SVG to scale, rather than just
setting width which widens the viewbox.
This commit is contained in:
Chris Hill-Scott
2021-09-30 14:18:27 +01:00
parent c63313e839
commit eee4cdd0a7
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/assets/stylesheets/views/webauthn.scss
View File

@@ -26,13 +26,15 @@
.webauthn-illustration {
@include media-down(mobile) {
box-sizing: border-box;
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;
}
box-sizing: border-box;
width: 100%;
margin: govuk-spacing(9) auto 0 auto;
height: 100%;
margin: govuk-spacing(6) auto 0 auto;
padding: 0 govuk-spacing(9) 0 govuk-spacing(9);
}