style: update lg and xl breakpoints

This commit is contained in:
Lucas Larroche 2023-02-20 23:44:33 +07:00
parent 020fa9a1f0
commit 79bc82eb49
3 changed files with 14 additions and 4 deletions

View file

@ -40,31 +40,38 @@ $breakpoints: () !default;
$breakpoints: map.deep-merge(
(
// Small (landscape phones)
// Font size: 17px
sm:
(
breakpoint: 576px,
viewport: 510px,
root-font-size: 106.25%,
),
// Medium (tablets)
// Font size: 18px
md:
(
breakpoint: 768px,
viewport: 700px,
root-font-size: 112.5%,
),
// Large (desktops)
// Font size: 19px
lg:
(
breakpoint: 992px,
viewport: 920px,
breakpoint: 1024px,
viewport: 950px,
root-font-size: 118.75%,
),
// Extra large (large desktops)
// Font size: 20px
xl:
(
breakpoint: 1200px,
viewport: 1130px,
breakpoint: 1280px,
viewport: 1200px,
root-font-size: 125%,
)
),