mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-25 18:56:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Accessibility: root font-size in percent

Browse source
This commit is contained in:
Lucas Larroche 2021-11-14 11:41:40 +07:00
parent 7922656a05
commit b45830626e
21 changed files with 70 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -6,31 +6,31 @@
"Segoe UI Symbol", "Noto Color Emoji";
--line-height: 1.5;
--font-weight: 400;
--font-size: 16px;
--font-size: 100%; // 16px in most cases
// Responsive typography
@if $enable-responsive-typography {
@if map-get($breakpoints, "sm") {
@media (min-width: map-get($breakpoints, "sm")) {
--font-size: 17px;
--font-size: 106.25%; // 17px in most cases
}
}
@if map-get($breakpoints, "md") {
@media (min-width: map-get($breakpoints, "md")) {
--font-size: 18px;
--font-size: 112.5%; // 18px in most cases
}
}
@if map-get($breakpoints, "lg") {
@media (min-width: map-get($breakpoints, "lg")) {
--font-size: 19px;
--font-size: 118.75%; // 19px in most cases
}
}
@if map-get($breakpoints, "xl") {
@media (min-width: map-get($breakpoints, "xl")) {
--font-size: 20px;
--font-size: 125%; // 20px in most cases
}
}
}
@ -143,6 +143,11 @@
}
}
// Body
body {
--font-size: 1rem;
}
// Link
a {
--text-decoration: none;