From 4bf8d9c6a0203da1bbe3c8943454280df745e533 Mon Sep 17 00:00:00 2001 From: Julian Nymark Date: Tue, 26 Nov 2024 15:50:48 +0100 Subject: [PATCH] lint:css --fix --- @navikt/core/css/darkside/date.darkside.css | 2 +- .../css/darkside/form/combobox.darkside.css | 2 +- .../darkside/form/form-summary.darkside.css | 6 +++--- .../css/darkside/guide-panel.darkside.css | 6 +++--- @navikt/core/css/darkside/modal.darkside.css | 4 ++-- .../css/darkside/primitives/base.darkside.css | 10 +++++----- .../darkside/primitives/bleed.darkside.css | 10 +++++----- .../css/darkside/primitives/box.darkside.css | 10 +++++----- .../darkside/primitives/hgrid.darkside.css | 10 +++++----- .../css/darkside/primitives/page.darkside.css | 2 +- .../primitives/responsive.darkside.css | 20 +++++++++---------- .../darkside/primitives/stack.darkside.css | 10 +++++----- .../core/css/darkside/typography.darkside.css | 2 +- @navikt/core/css/date.css | 2 +- @navikt/core/css/form/combobox.css | 2 +- @navikt/core/css/form/form-summary.css | 6 +++--- @navikt/core/css/guide-panel.css | 6 +++--- @navikt/core/css/modal.css | 4 ++-- @navikt/core/css/primitives/base.css | 10 +++++----- @navikt/core/css/primitives/bleed.css | 10 +++++----- @navikt/core/css/primitives/box.css | 10 +++++----- @navikt/core/css/primitives/hgrid.css | 10 +++++----- @navikt/core/css/primitives/page.css | 2 +- @navikt/core/css/primitives/responsive.css | 20 +++++++++---------- @navikt/core/css/primitives/stack.css | 10 +++++----- @navikt/core/css/typography.css | 2 +- package.json | 2 +- 27 files changed, 95 insertions(+), 95 deletions(-) diff --git a/@navikt/core/css/darkside/date.darkside.css b/@navikt/core/css/darkside/date.darkside.css index 0a6a6f7453..3fa8c3a707 100644 --- a/@navikt/core/css/darkside/date.darkside.css +++ b/@navikt/core/css/darkside/date.darkside.css @@ -323,7 +323,7 @@ border: none; } -@media (min-width: 480px) { +@media (width >= 480px) { .navds-date { padding: var(--a-spacing-5) var(--a-spacing-4); } diff --git a/@navikt/core/css/darkside/form/combobox.darkside.css b/@navikt/core/css/darkside/form/combobox.darkside.css index b032acfd5f..354c395bf9 100644 --- a/@navikt/core/css/darkside/form/combobox.darkside.css +++ b/@navikt/core/css/darkside/form/combobox.darkside.css @@ -384,7 +384,7 @@ } /* Mobile */ -@media (max-width: 479px) { +@media (width <= 479px) { .navds-combobox__button-toggle-list { right: 0.5rem; } diff --git a/@navikt/core/css/darkside/form/form-summary.darkside.css b/@navikt/core/css/darkside/form/form-summary.darkside.css index 8a94cc9e3e..9254602726 100644 --- a/@navikt/core/css/darkside/form/form-summary.darkside.css +++ b/@navikt/core/css/darkside/form/form-summary.darkside.css @@ -13,7 +13,7 @@ gap: 0 var(--ax-spacing-3); } -@media (max-width: 479px) { +@media (width <= 479px) { .navds-form-summary__header { padding: var(--ax-spacing-3) var(--ax-spacing-4); flex-direction: column; @@ -35,7 +35,7 @@ margin: 0; } -@media (max-width: 479px) { +@media (width <= 479px) { .navds-form-summary__answers { padding: var(--ax-spacing-4); } @@ -55,7 +55,7 @@ padding-bottom: 0; } -@media (max-width: 479px) { +@media (width <= 479px) { .navds-form-summary__answer:not(:last-child) { margin-bottom: var(--ax-spacing-3); padding-bottom: var(--ax-spacing-3); diff --git a/@navikt/core/css/darkside/guide-panel.darkside.css b/@navikt/core/css/darkside/guide-panel.darkside.css index 27b8b965c3..e5e6459362 100644 --- a/@navikt/core/css/darkside/guide-panel.darkside.css +++ b/@navikt/core/css/darkside/guide-panel.darkside.css @@ -31,7 +31,7 @@ padding-top: var(--a-spacing-12); } -@media (min-width: 480px) { +@media (width >= 480px) { .navds-guide-panel { --__ac-guide-panel-guide-size: 6.25rem; } @@ -61,7 +61,7 @@ min-height: calc(var(--__ac-guide-panel-guide-size) + var(--a-spacing-5) + var(--a-spacing-5)); } -@media (min-width: 480px) { +@media (width >= 480px) { .navds-guide-panel--not-poster { --__ac-guide-panel-guide-size: 5rem; } @@ -74,7 +74,7 @@ /* responsive-poster (on desktop) */ -@media (min-width: 480px) { +@media (width >= 480px) { .navds-guide-panel--responsive-poster { --__ac-guide-panel-guide-size: 5rem; diff --git a/@navikt/core/css/darkside/modal.darkside.css b/@navikt/core/css/darkside/modal.darkside.css index c059118cd6..25c8ab4405 100644 --- a/@navikt/core/css/darkside/modal.darkside.css +++ b/@navikt/core/css/darkside/modal.darkside.css @@ -75,7 +75,7 @@ } } -@media (min-width: 480px) { +@media (width >= 480px) { .navds-modal { max-width: calc(100% - 2em); } @@ -85,7 +85,7 @@ } } -@media (min-height: 480px) { +@media (height >= 480px) { .navds-modal { max-height: calc(100% - 2em); } diff --git a/@navikt/core/css/darkside/primitives/base.darkside.css b/@navikt/core/css/darkside/primitives/base.darkside.css index 1591e1ef73..efea35b2d7 100644 --- a/@navikt/core/css/darkside/primitives/base.darkside.css +++ b/@navikt/core/css/darkside/primitives/base.darkside.css @@ -298,7 +298,7 @@ grid-column: var(--__ac-r-grid-column); } -@media (min-width: 480px) { +@media (width >= 480px) { .navds-r-p { --__ac-r-padding: var(--__ac-r-p-sm); } @@ -400,7 +400,7 @@ } } -@media (min-width: 768px) { +@media (width >= 768px) { .navds-r-p { --__ac-r-padding: var(--__ac-r-p-md); } @@ -502,7 +502,7 @@ } } -@media (min-width: 1024px) { +@media (width >= 1024px) { .navds-r-p { --__ac-r-padding: var(--__ac-r-p-lg); } @@ -604,7 +604,7 @@ } } -@media (min-width: 1280px) { +@media (width >= 1280px) { .navds-r-p { --__ac-r-padding: var(--__ac-r-p-xl); } @@ -706,7 +706,7 @@ } } -@media (min-width: 1440px) { +@media (width >= 1440px) { .navds-r-p { --__ac-r-padding: var(--__ac-r-p-2xl); } diff --git a/@navikt/core/css/darkside/primitives/bleed.darkside.css b/@navikt/core/css/darkside/primitives/bleed.darkside.css index 84330bba4a..83ab73b375 100644 --- a/@navikt/core/css/darkside/primitives/bleed.darkside.css +++ b/@navikt/core/css/darkside/primitives/bleed.darkside.css @@ -42,7 +42,7 @@ padding-block: var(--__ac-bleed-padding-block); } -@media (min-width: 480px) { +@media (width >= 480px) { .navds-bleed { --__ac-bleed-margin-inline: var(--__ac-bleed-margin-inline-sm); --__ac-bleed-margin-block: var(--__ac-bleed-margin-block-sm); @@ -54,7 +54,7 @@ } } -@media (min-width: 768px) { +@media (width >= 768px) { .navds-bleed { --__ac-bleed-margin-inline: var(--__ac-bleed-margin-inline-md); --__ac-bleed-margin-block: var(--__ac-bleed-margin-block-md); @@ -66,7 +66,7 @@ } } -@media (min-width: 1024px) { +@media (width >= 1024px) { .navds-bleed { --__ac-bleed-margin-inline: var(--__ac-bleed-margin-inline-lg); --__ac-bleed-margin-block: var(--__ac-bleed-margin-block-lg); @@ -78,7 +78,7 @@ } } -@media (min-width: 1280px) { +@media (width >= 1280px) { .navds-bleed { --__ac-bleed-margin-inline: var(--__ac-bleed-margin-inline-xl); --__ac-bleed-margin-block: var(--__ac-bleed-margin-block-xl); @@ -90,7 +90,7 @@ } } -@media (min-width: 1440px) { +@media (width >= 1440px) { .navds-bleed { --__ac-bleed-margin-inline: var(--__ac-bleed-margin-inline-2xl); --__ac-bleed-margin-block: var(--__ac-bleed-margin-block-2xl); diff --git a/@navikt/core/css/darkside/primitives/box.darkside.css b/@navikt/core/css/darkside/primitives/box.darkside.css index 93579e7fdf..55e5782bb3 100644 --- a/@navikt/core/css/darkside/primitives/box.darkside.css +++ b/@navikt/core/css/darkside/primitives/box.darkside.css @@ -35,31 +35,31 @@ box-shadow: var(--__ac-box-shadow); } -@media (min-width: 480px) { +@media (width >= 480px) { .navds-box-border-radius { --__ac-box-border-radius: var(--__ac-box-border-radius-sm); } } -@media (min-width: 768px) { +@media (width >= 768px) { .navds-box-border-radius { --__ac-box-border-radius: var(--__ac-box-border-radius-md); } } -@media (min-width: 1024px) { +@media (width >= 1024px) { .navds-box-border-radius { --__ac-box-border-radius: var(--__ac-box-border-radius-lg); } } -@media (min-width: 1280px) { +@media (width >= 1280px) { .navds-box-border-radius { --__ac-box-border-radius: var(--__ac-box-border-radius-xl); } } -@media (min-width: 1440px) { +@media (width >= 1440px) { .navds-box-border-radius { --__ac-box-border-radius: var(--__ac-box-border-radius-2xl); } diff --git a/@navikt/core/css/darkside/primitives/hgrid.darkside.css b/@navikt/core/css/darkside/primitives/hgrid.darkside.css index 7228b00740..566b410fcd 100644 --- a/@navikt/core/css/darkside/primitives/hgrid.darkside.css +++ b/@navikt/core/css/darkside/primitives/hgrid.darkside.css @@ -29,7 +29,7 @@ align-items: var(--__ac-hgrid-align); } -@media (min-width: 480px) { +@media (width >= 480px) { .navds-hgrid { --__ac-hgrid-columns: var(--__ac-hgrid-columns-sm); } @@ -39,7 +39,7 @@ } } -@media (min-width: 768px) { +@media (width >= 768px) { .navds-hgrid { --__ac-hgrid-columns: var(--__ac-hgrid-columns-md); } @@ -49,7 +49,7 @@ } } -@media (min-width: 1024px) { +@media (width >= 1024px) { .navds-hgrid { --__ac-hgrid-columns: var(--__ac-hgrid-columns-lg); } @@ -59,7 +59,7 @@ } } -@media (min-width: 1280px) { +@media (width >= 1280px) { .navds-hgrid { --__ac-hgrid-columns: var(--__ac-hgrid-columns-xl); } @@ -69,7 +69,7 @@ } } -@media (min-width: 1440px) { +@media (width >= 1440px) { .navds-hgrid { --__ac-hgrid-columns: var(--__ac-hgrid-columns-2xl); } diff --git a/@navikt/core/css/darkside/primitives/page.darkside.css b/@navikt/core/css/darkside/primitives/page.darkside.css index 86a9171c1c..e3eaa9bdef 100644 --- a/@navikt/core/css/darkside/primitives/page.darkside.css +++ b/@navikt/core/css/darkside/primitives/page.darkside.css @@ -56,7 +56,7 @@ padding-inline: var(--__ac-page-padding-inline); } -@media (min-width: 1024px) { +@media (width >= 1024px) { .navds-pageblock--gutters { --__ac-page-padding-inline: var(--a-spacing-12); } diff --git a/@navikt/core/css/darkside/primitives/responsive.darkside.css b/@navikt/core/css/darkside/primitives/responsive.darkside.css index 0cf30dbf0c..903ec378d9 100644 --- a/@navikt/core/css/darkside/primitives/responsive.darkside.css +++ b/@navikt/core/css/darkside/primitives/responsive.darkside.css @@ -1,58 +1,58 @@ -@media (min-width: 480px) { +@media (width >= 480px) { .navds-responsive__below--sm { display: none !important; } } -@media (max-width: 479px) { +@media (width <= 479px) { .navds-responsive__above--sm { display: none !important; } } -@media (min-width: 768px) { +@media (width >= 768px) { .navds-responsive__below--md { display: none !important; } } -@media (max-width: 767px) { +@media (width <= 767px) { .navds-responsive__above--md { display: none !important; } } -@media (min-width: 1024px) { +@media (width >= 1024px) { .navds-responsive__below--lg { display: none !important; } } -@media (max-width: 1023px) { +@media (width <= 1023px) { .navds-responsive__above--lg { display: none !important; } } -@media (min-width: 1280px) { +@media (width >= 1280px) { .navds-responsive__below--xl { display: none !important; } } -@media (max-width: 1279px) { +@media (width <= 1279px) { .navds-responsive__above--xl { display: none !important; } } -@media (min-width: 1440px) { +@media (width >= 1440px) { .navds-responsive__below--2xl { display: none !important; } } -@media (max-width: 1439px) { +@media (width <= 1439px) { .navds-responsive__above--2xl { display: none !important; } diff --git a/@navikt/core/css/darkside/primitives/stack.darkside.css b/@navikt/core/css/darkside/primitives/stack.darkside.css index 2978773d14..5ce1a91aaa 100644 --- a/@navikt/core/css/darkside/primitives/stack.darkside.css +++ b/@navikt/core/css/darkside/primitives/stack.darkside.css @@ -64,7 +64,7 @@ margin-inline-start: calc(var(--__ac-stack-gap) * -1); } -@media (min-width: 480px) { +@media (width >= 480px) { .navds-stack-gap { --__ac-stack-gap: var(--__ac-stack-gap-sm); } @@ -82,7 +82,7 @@ } } -@media (min-width: 768px) { +@media (width >= 768px) { .navds-stack-gap { --__ac-stack-gap: var(--__ac-stack-gap-md); } @@ -100,7 +100,7 @@ } } -@media (min-width: 1024px) { +@media (width >= 1024px) { .navds-stack-gap { --__ac-stack-gap: var(--__ac-stack-gap-lg); } @@ -118,7 +118,7 @@ } } -@media (min-width: 1280px) { +@media (width >= 1280px) { .navds-stack-gap { --__ac-stack-gap: var(--__ac-stack-gap-xl); } @@ -136,7 +136,7 @@ } } -@media (min-width: 1440px) { +@media (width >= 1440px) { .navds-stack-gap { --__ac-stack-gap: var(--__ac-stack-gap-2xl); } diff --git a/@navikt/core/css/darkside/typography.darkside.css b/@navikt/core/css/darkside/typography.darkside.css index eeeeeb82fe..3cc69e575e 100644 --- a/@navikt/core/css/darkside/typography.darkside.css +++ b/@navikt/core/css/darkside/typography.darkside.css @@ -37,7 +37,7 @@ body, } /* Mobile scale */ -@media (max-width: 480px) { +@media (width <= 480px) { .navds-heading--xlarge { font-size: var(--ax-font-size-heading-xlarge); letter-spacing: -0.008em; diff --git a/@navikt/core/css/date.css b/@navikt/core/css/date.css index 0a6a6f7453..3fa8c3a707 100644 --- a/@navikt/core/css/date.css +++ b/@navikt/core/css/date.css @@ -323,7 +323,7 @@ border: none; } -@media (min-width: 480px) { +@media (width >= 480px) { .navds-date { padding: var(--a-spacing-5) var(--a-spacing-4); } diff --git a/@navikt/core/css/form/combobox.css b/@navikt/core/css/form/combobox.css index 7e90f7a01d..d6074ef4fc 100644 --- a/@navikt/core/css/form/combobox.css +++ b/@navikt/core/css/form/combobox.css @@ -382,7 +382,7 @@ /* Mobile */ -@media (max-width: 479px) { +@media (width <= 479px) { .navds-combobox__button-toggle-list { right: 0.5rem; } diff --git a/@navikt/core/css/form/form-summary.css b/@navikt/core/css/form/form-summary.css index a37c95bf99..fcda950b71 100644 --- a/@navikt/core/css/form/form-summary.css +++ b/@navikt/core/css/form/form-summary.css @@ -13,7 +13,7 @@ gap: 0 var(--a-spacing-2); } -@media (max-width: 479px) { +@media (width <= 479px) { .navds-form-summary__header { padding: var(--a-spacing-3) var(--a-spacing-4); flex-direction: column; @@ -35,7 +35,7 @@ margin: 0; } -@media (max-width: 479px) { +@media (width <= 479px) { .navds-form-summary__answers { padding: var(--a-spacing-4); } @@ -55,7 +55,7 @@ padding-bottom: 0; } -@media (max-width: 479px) { +@media (width <= 479px) { .navds-form-summary__answer:not(:last-child) { margin-bottom: var(--a-spacing-3); padding-bottom: var(--a-spacing-3); diff --git a/@navikt/core/css/guide-panel.css b/@navikt/core/css/guide-panel.css index 27b8b965c3..e5e6459362 100644 --- a/@navikt/core/css/guide-panel.css +++ b/@navikt/core/css/guide-panel.css @@ -31,7 +31,7 @@ padding-top: var(--a-spacing-12); } -@media (min-width: 480px) { +@media (width >= 480px) { .navds-guide-panel { --__ac-guide-panel-guide-size: 6.25rem; } @@ -61,7 +61,7 @@ min-height: calc(var(--__ac-guide-panel-guide-size) + var(--a-spacing-5) + var(--a-spacing-5)); } -@media (min-width: 480px) { +@media (width >= 480px) { .navds-guide-panel--not-poster { --__ac-guide-panel-guide-size: 5rem; } @@ -74,7 +74,7 @@ /* responsive-poster (on desktop) */ -@media (min-width: 480px) { +@media (width >= 480px) { .navds-guide-panel--responsive-poster { --__ac-guide-panel-guide-size: 5rem; diff --git a/@navikt/core/css/modal.css b/@navikt/core/css/modal.css index 4b163d994c..d2f9c8b8e6 100644 --- a/@navikt/core/css/modal.css +++ b/@navikt/core/css/modal.css @@ -60,7 +60,7 @@ width: var(--ac-modal-width-medium, 700px); } -@media (min-width: 480px) { +@media (width >= 480px) { .navds-modal { max-width: calc(100% - 2em); } @@ -70,7 +70,7 @@ } } -@media (min-height: 480px) { +@media (height >= 480px) { .navds-modal { max-height: calc(100% - 2em); } diff --git a/@navikt/core/css/primitives/base.css b/@navikt/core/css/primitives/base.css index 1591e1ef73..efea35b2d7 100644 --- a/@navikt/core/css/primitives/base.css +++ b/@navikt/core/css/primitives/base.css @@ -298,7 +298,7 @@ grid-column: var(--__ac-r-grid-column); } -@media (min-width: 480px) { +@media (width >= 480px) { .navds-r-p { --__ac-r-padding: var(--__ac-r-p-sm); } @@ -400,7 +400,7 @@ } } -@media (min-width: 768px) { +@media (width >= 768px) { .navds-r-p { --__ac-r-padding: var(--__ac-r-p-md); } @@ -502,7 +502,7 @@ } } -@media (min-width: 1024px) { +@media (width >= 1024px) { .navds-r-p { --__ac-r-padding: var(--__ac-r-p-lg); } @@ -604,7 +604,7 @@ } } -@media (min-width: 1280px) { +@media (width >= 1280px) { .navds-r-p { --__ac-r-padding: var(--__ac-r-p-xl); } @@ -706,7 +706,7 @@ } } -@media (min-width: 1440px) { +@media (width >= 1440px) { .navds-r-p { --__ac-r-padding: var(--__ac-r-p-2xl); } diff --git a/@navikt/core/css/primitives/bleed.css b/@navikt/core/css/primitives/bleed.css index 84330bba4a..83ab73b375 100644 --- a/@navikt/core/css/primitives/bleed.css +++ b/@navikt/core/css/primitives/bleed.css @@ -42,7 +42,7 @@ padding-block: var(--__ac-bleed-padding-block); } -@media (min-width: 480px) { +@media (width >= 480px) { .navds-bleed { --__ac-bleed-margin-inline: var(--__ac-bleed-margin-inline-sm); --__ac-bleed-margin-block: var(--__ac-bleed-margin-block-sm); @@ -54,7 +54,7 @@ } } -@media (min-width: 768px) { +@media (width >= 768px) { .navds-bleed { --__ac-bleed-margin-inline: var(--__ac-bleed-margin-inline-md); --__ac-bleed-margin-block: var(--__ac-bleed-margin-block-md); @@ -66,7 +66,7 @@ } } -@media (min-width: 1024px) { +@media (width >= 1024px) { .navds-bleed { --__ac-bleed-margin-inline: var(--__ac-bleed-margin-inline-lg); --__ac-bleed-margin-block: var(--__ac-bleed-margin-block-lg); @@ -78,7 +78,7 @@ } } -@media (min-width: 1280px) { +@media (width >= 1280px) { .navds-bleed { --__ac-bleed-margin-inline: var(--__ac-bleed-margin-inline-xl); --__ac-bleed-margin-block: var(--__ac-bleed-margin-block-xl); @@ -90,7 +90,7 @@ } } -@media (min-width: 1440px) { +@media (width >= 1440px) { .navds-bleed { --__ac-bleed-margin-inline: var(--__ac-bleed-margin-inline-2xl); --__ac-bleed-margin-block: var(--__ac-bleed-margin-block-2xl); diff --git a/@navikt/core/css/primitives/box.css b/@navikt/core/css/primitives/box.css index 93579e7fdf..55e5782bb3 100644 --- a/@navikt/core/css/primitives/box.css +++ b/@navikt/core/css/primitives/box.css @@ -35,31 +35,31 @@ box-shadow: var(--__ac-box-shadow); } -@media (min-width: 480px) { +@media (width >= 480px) { .navds-box-border-radius { --__ac-box-border-radius: var(--__ac-box-border-radius-sm); } } -@media (min-width: 768px) { +@media (width >= 768px) { .navds-box-border-radius { --__ac-box-border-radius: var(--__ac-box-border-radius-md); } } -@media (min-width: 1024px) { +@media (width >= 1024px) { .navds-box-border-radius { --__ac-box-border-radius: var(--__ac-box-border-radius-lg); } } -@media (min-width: 1280px) { +@media (width >= 1280px) { .navds-box-border-radius { --__ac-box-border-radius: var(--__ac-box-border-radius-xl); } } -@media (min-width: 1440px) { +@media (width >= 1440px) { .navds-box-border-radius { --__ac-box-border-radius: var(--__ac-box-border-radius-2xl); } diff --git a/@navikt/core/css/primitives/hgrid.css b/@navikt/core/css/primitives/hgrid.css index 7228b00740..566b410fcd 100644 --- a/@navikt/core/css/primitives/hgrid.css +++ b/@navikt/core/css/primitives/hgrid.css @@ -29,7 +29,7 @@ align-items: var(--__ac-hgrid-align); } -@media (min-width: 480px) { +@media (width >= 480px) { .navds-hgrid { --__ac-hgrid-columns: var(--__ac-hgrid-columns-sm); } @@ -39,7 +39,7 @@ } } -@media (min-width: 768px) { +@media (width >= 768px) { .navds-hgrid { --__ac-hgrid-columns: var(--__ac-hgrid-columns-md); } @@ -49,7 +49,7 @@ } } -@media (min-width: 1024px) { +@media (width >= 1024px) { .navds-hgrid { --__ac-hgrid-columns: var(--__ac-hgrid-columns-lg); } @@ -59,7 +59,7 @@ } } -@media (min-width: 1280px) { +@media (width >= 1280px) { .navds-hgrid { --__ac-hgrid-columns: var(--__ac-hgrid-columns-xl); } @@ -69,7 +69,7 @@ } } -@media (min-width: 1440px) { +@media (width >= 1440px) { .navds-hgrid { --__ac-hgrid-columns: var(--__ac-hgrid-columns-2xl); } diff --git a/@navikt/core/css/primitives/page.css b/@navikt/core/css/primitives/page.css index 86a9171c1c..e3eaa9bdef 100644 --- a/@navikt/core/css/primitives/page.css +++ b/@navikt/core/css/primitives/page.css @@ -56,7 +56,7 @@ padding-inline: var(--__ac-page-padding-inline); } -@media (min-width: 1024px) { +@media (width >= 1024px) { .navds-pageblock--gutters { --__ac-page-padding-inline: var(--a-spacing-12); } diff --git a/@navikt/core/css/primitives/responsive.css b/@navikt/core/css/primitives/responsive.css index 0cf30dbf0c..903ec378d9 100644 --- a/@navikt/core/css/primitives/responsive.css +++ b/@navikt/core/css/primitives/responsive.css @@ -1,58 +1,58 @@ -@media (min-width: 480px) { +@media (width >= 480px) { .navds-responsive__below--sm { display: none !important; } } -@media (max-width: 479px) { +@media (width <= 479px) { .navds-responsive__above--sm { display: none !important; } } -@media (min-width: 768px) { +@media (width >= 768px) { .navds-responsive__below--md { display: none !important; } } -@media (max-width: 767px) { +@media (width <= 767px) { .navds-responsive__above--md { display: none !important; } } -@media (min-width: 1024px) { +@media (width >= 1024px) { .navds-responsive__below--lg { display: none !important; } } -@media (max-width: 1023px) { +@media (width <= 1023px) { .navds-responsive__above--lg { display: none !important; } } -@media (min-width: 1280px) { +@media (width >= 1280px) { .navds-responsive__below--xl { display: none !important; } } -@media (max-width: 1279px) { +@media (width <= 1279px) { .navds-responsive__above--xl { display: none !important; } } -@media (min-width: 1440px) { +@media (width >= 1440px) { .navds-responsive__below--2xl { display: none !important; } } -@media (max-width: 1439px) { +@media (width <= 1439px) { .navds-responsive__above--2xl { display: none !important; } diff --git a/@navikt/core/css/primitives/stack.css b/@navikt/core/css/primitives/stack.css index 2978773d14..5ce1a91aaa 100644 --- a/@navikt/core/css/primitives/stack.css +++ b/@navikt/core/css/primitives/stack.css @@ -64,7 +64,7 @@ margin-inline-start: calc(var(--__ac-stack-gap) * -1); } -@media (min-width: 480px) { +@media (width >= 480px) { .navds-stack-gap { --__ac-stack-gap: var(--__ac-stack-gap-sm); } @@ -82,7 +82,7 @@ } } -@media (min-width: 768px) { +@media (width >= 768px) { .navds-stack-gap { --__ac-stack-gap: var(--__ac-stack-gap-md); } @@ -100,7 +100,7 @@ } } -@media (min-width: 1024px) { +@media (width >= 1024px) { .navds-stack-gap { --__ac-stack-gap: var(--__ac-stack-gap-lg); } @@ -118,7 +118,7 @@ } } -@media (min-width: 1280px) { +@media (width >= 1280px) { .navds-stack-gap { --__ac-stack-gap: var(--__ac-stack-gap-xl); } @@ -136,7 +136,7 @@ } } -@media (min-width: 1440px) { +@media (width >= 1440px) { .navds-stack-gap { --__ac-stack-gap: var(--__ac-stack-gap-2xl); } diff --git a/@navikt/core/css/typography.css b/@navikt/core/css/typography.css index 0cd3c0c62f..bb14e9c779 100644 --- a/@navikt/core/css/typography.css +++ b/@navikt/core/css/typography.css @@ -35,7 +35,7 @@ } /* Mobile scale */ -@media (max-width: 480px) { +@media (width <= 480px) { .navds-heading--xlarge { font-size: var(--a-font-size-heading-xlarge); letter-spacing: -0.008em; diff --git a/package.json b/package.json index d1f10628f3..5ce4c8df6d 100644 --- a/package.json +++ b/package.json @@ -105,7 +105,7 @@ "function-url-quotes": null, "property-no-vendor-prefix": null, "alpha-value-notation": "number", - "media-feature-range-notation": "prefix", + "media-feature-range-notation": "context", "import-notation": "string", "declaration-property-value-disallowed-list": { "justify-content": [