mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-23 01:46:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #323 from picocss/ll/v2-update-default-breakpoints

Browse source 
style: update `lg` and `xl` breakpoints
This commit is contained in:
Lucas Larroche 2023-02-20 23:46:48 +07:00 • committed by GitHub
commit 51674a8e9e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 14 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

15
scss/_settings.scss
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%,
)
),

1
scss/pico.scss
View file

@ -1 +1,2 @@
@forward "settings";
@use "index";

2
scss/themes/default/_styles.scss
View file

@ -104,6 +104,7 @@
} @else if $key == "xl" {
$multiplier: 4;
}
#{$✨}block-spacing-vertical: calc(var(#{$✨}spacing) * $multiplier);
}
}
@ -127,6 +128,7 @@
} @else if $key == "xl" {
$multiplier: 2;
}
#{$✨}block-spacing-horizontal: calc(var(#{$✨}spacing) * $multiplier);
}
}