mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-06-16 03:05:22 -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

14
css/pico.classless.css
View file

@ -11,7 +11,7 @@
"Segoe UI Symbol", "Noto Color Emoji";
--line-height: 1.5;
--font-weight: 400;
--font-size: 16px;
--font-size: 100%;
--border-radius: 0.25rem;
--border-width: 1px;
--outline-width: 3px;
@ -27,22 +27,22 @@
}
@media (min-width: 576px) {
:root {
--font-size: 17px;
--font-size: 106.25%;
}
}
@media (min-width: 768px) {
:root {
--font-size: 18px;
--font-size: 112.5%;
}
}
@media (min-width: 992px) {
:root {
--font-size: 19px;
--font-size: 118.75%;
}
}
@media (min-width: 1200px) {
:root {
--font-size: 20px;
--font-size: 125%;
}
}
@ -117,6 +117,10 @@ dialog > article {
}
}
body {
--font-size: 1rem;
}
a {
--text-decoration: none;
}

2
css/pico.classless.css.map
View file

File diff suppressed because one or more lines are too long

2
css/pico.classless.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
css/pico.classless.min.css.map
View file

File diff suppressed because one or more lines are too long

14
css/pico.css
View file

@ -11,7 +11,7 @@
"Segoe UI Symbol", "Noto Color Emoji";
--line-height: 1.5;
--font-weight: 400;
--font-size: 16px;
--font-size: 100%;
--border-radius: 0.25rem;
--border-width: 1px;
--outline-width: 3px;
@ -27,22 +27,22 @@
}
@media (min-width: 576px) {
:root {
--font-size: 17px;
--font-size: 106.25%;
}
}
@media (min-width: 768px) {
:root {
--font-size: 18px;
--font-size: 112.5%;
}
}
@media (min-width: 992px) {
:root {
--font-size: 19px;
--font-size: 118.75%;
}
}
@media (min-width: 1200px) {
:root {
--font-size: 20px;
--font-size: 125%;
}
}
@ -117,6 +117,10 @@ dialog > article {
}
}
body {
--font-size: 1rem;
}
a {
--text-decoration: none;
}

2
css/pico.css.map
View file

File diff suppressed because one or more lines are too long

14
css/pico.fluid.classless.css
View file

@ -11,7 +11,7 @@
"Segoe UI Symbol", "Noto Color Emoji";
--line-height: 1.5;
--font-weight: 400;
--font-size: 16px;
--font-size: 100%;
--border-radius: 0.25rem;
--border-width: 1px;
--outline-width: 3px;
@ -27,22 +27,22 @@
}
@media (min-width: 576px) {
:root {
--font-size: 17px;
--font-size: 106.25%;
}
}
@media (min-width: 768px) {
:root {
--font-size: 18px;
--font-size: 112.5%;
}
}
@media (min-width: 992px) {
:root {
--font-size: 19px;
--font-size: 118.75%;
}
}
@media (min-width: 1200px) {
:root {
--font-size: 20px;
--font-size: 125%;
}
}
@ -117,6 +117,10 @@ dialog > article {
}
}
body {
--font-size: 1rem;
}
a {
--text-decoration: none;
}

2
css/pico.fluid.classless.css.map
View file

File diff suppressed because one or more lines are too long

2
css/pico.fluid.classless.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
css/pico.fluid.classless.min.css.map
View file

File diff suppressed because one or more lines are too long

2
css/pico.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
css/pico.min.css.map
View file

File diff suppressed because one or more lines are too long

14
css/pico.slim.css
View file

@ -14,7 +14,7 @@
"Segoe UI Symbol", "Noto Color Emoji";
--line-height: 1.5;
--font-weight: 400;
--font-size: 16px;
--font-size: 100%;
--border-radius: 0.25rem;
--border-width: 1px;
--outline-width: 3px;
@ -30,25 +30,29 @@
}
@media (min-width: 576px) {
:root {
--font-size: 17px;
--font-size: 106.25%;
}
}
@media (min-width: 768px) {
:root {
--font-size: 18px;
--font-size: 112.5%;
}
}
@media (min-width: 992px) {
:root {
--font-size: 19px;
--font-size: 118.75%;
}
}
@media (min-width: 1200px) {
:root {
--font-size: 20px;
--font-size: 125%;
}
}
body {
--font-size: 1rem;
}
a {
--text-decoration: none;
}

2
css/pico.slim.css.map
View file

File diff suppressed because one or more lines are too long

2
css/pico.slim.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
css/pico.slim.min.css.map
View file

File diff suppressed because one or more lines are too long

14
css/themes/default.css
View file

@ -7,7 +7,7 @@
"Segoe UI Symbol", "Noto Color Emoji";
--line-height: 1.5;
--font-weight: 400;
--font-size: 16px;
--font-size: 100%;
--border-radius: 0.25rem;
--border-width: 1px;
--outline-width: 3px;
@ -23,22 +23,22 @@
}
@media (min-width: 576px) {
:root {
--font-size: 17px;
--font-size: 106.25%;
}
}
@media (min-width: 768px) {
:root {
--font-size: 18px;
--font-size: 112.5%;
}
}
@media (min-width: 992px) {
:root {
--font-size: 19px;
--font-size: 118.75%;
}
}
@media (min-width: 1200px) {
:root {
--font-size: 20px;
--font-size: 125%;
}
}
@ -113,6 +113,10 @@ dialog > article {
}
}
body {
--font-size: 1rem;
}
a {
--text-decoration: none;
}

2
css/themes/default.css.map
View file

File diff suppressed because one or more lines are too long

2
css/themes/default.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
css/themes/default.min.css.map
View file

File diff suppressed because one or more lines are too long

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;