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

Revert "Accessibility: root font-size in percent"

Browse source 
This reverts commit b45830626e.
This commit is contained in:
Lucas Larroche 2021-11-14 12:02:48 +07:00
parent b45830626e
commit c301cd09cf
21 changed files with 45 additions and 70 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"; "Segoe UI Symbol", "Noto Color Emoji";
--line-height: 1.5; --line-height: 1.5;
--font-weight: 400; --font-weight: 400;
--font-size: 100%; --font-size: 16px;
--border-radius: 0.25rem; --border-radius: 0.25rem;
--border-width: 1px; --border-width: 1px;
--outline-width: 3px; --outline-width: 3px;
@ -27,22 +27,22 @@
} }
@media (min-width: 576px) { @media (min-width: 576px) {
:root { :root {
--font-size: 106.25%; --font-size: 17px;
} }
} }
@media (min-width: 768px) { @media (min-width: 768px) {
:root { :root {
--font-size: 112.5%; --font-size: 18px;
} }
} }
@media (min-width: 992px) { @media (min-width: 992px) {
:root { :root {
--font-size: 118.75%; --font-size: 19px;
} }
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
:root { :root {
--font-size: 125%; --font-size: 20px;
} }
} }
@ -117,10 +117,6 @@ dialog > article {
} }
} }
body {
--font-size: 1rem;
}
a { a {
--text-decoration: none; --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"; "Segoe UI Symbol", "Noto Color Emoji";
--line-height: 1.5; --line-height: 1.5;
--font-weight: 400; --font-weight: 400;
--font-size: 100%; --font-size: 16px;
--border-radius: 0.25rem; --border-radius: 0.25rem;
--border-width: 1px; --border-width: 1px;
--outline-width: 3px; --outline-width: 3px;
@ -27,22 +27,22 @@
} }
@media (min-width: 576px) { @media (min-width: 576px) {
:root { :root {
--font-size: 106.25%; --font-size: 17px;
} }
} }
@media (min-width: 768px) { @media (min-width: 768px) {
:root { :root {
--font-size: 112.5%; --font-size: 18px;
} }
} }
@media (min-width: 992px) { @media (min-width: 992px) {
:root { :root {
--font-size: 118.75%; --font-size: 19px;
} }
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
:root { :root {
--font-size: 125%; --font-size: 20px;
} }
} }
@ -117,10 +117,6 @@ dialog > article {
} }
} }
body {
--font-size: 1rem;
}
a { a {
--text-decoration: none; --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"; "Segoe UI Symbol", "Noto Color Emoji";
--line-height: 1.5; --line-height: 1.5;
--font-weight: 400; --font-weight: 400;
--font-size: 100%; --font-size: 16px;
--border-radius: 0.25rem; --border-radius: 0.25rem;
--border-width: 1px; --border-width: 1px;
--outline-width: 3px; --outline-width: 3px;
@ -27,22 +27,22 @@
} }
@media (min-width: 576px) { @media (min-width: 576px) {
:root { :root {
--font-size: 106.25%; --font-size: 17px;
} }
} }
@media (min-width: 768px) { @media (min-width: 768px) {
:root { :root {
--font-size: 112.5%; --font-size: 18px;
} }
} }
@media (min-width: 992px) { @media (min-width: 992px) {
:root { :root {
--font-size: 118.75%; --font-size: 19px;
} }
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
:root { :root {
--font-size: 125%; --font-size: 20px;
} }
} }
@ -117,10 +117,6 @@ dialog > article {
} }
} }
body {
--font-size: 1rem;
}
a { a {
--text-decoration: none; --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"; "Segoe UI Symbol", "Noto Color Emoji";
--line-height: 1.5; --line-height: 1.5;
--font-weight: 400; --font-weight: 400;
--font-size: 100%; --font-size: 16px;
--border-radius: 0.25rem; --border-radius: 0.25rem;
--border-width: 1px; --border-width: 1px;
--outline-width: 3px; --outline-width: 3px;
@ -30,29 +30,25 @@
} }
@media (min-width: 576px) { @media (min-width: 576px) {
:root { :root {
--font-size: 106.25%; --font-size: 17px;
} }
} }
@media (min-width: 768px) { @media (min-width: 768px) {
:root { :root {
--font-size: 112.5%; --font-size: 18px;
} }
} }
@media (min-width: 992px) { @media (min-width: 992px) {
:root { :root {
--font-size: 118.75%; --font-size: 19px;
} }
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
:root { :root {
--font-size: 125%; --font-size: 20px;
} }
} }
body {
--font-size: 1rem;
}
a { a {
--text-decoration: none; --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"; "Segoe UI Symbol", "Noto Color Emoji";
--line-height: 1.5; --line-height: 1.5;
--font-weight: 400; --font-weight: 400;
--font-size: 100%; --font-size: 16px;
--border-radius: 0.25rem; --border-radius: 0.25rem;
--border-width: 1px; --border-width: 1px;
--outline-width: 3px; --outline-width: 3px;
@ -23,22 +23,22 @@
} }
@media (min-width: 576px) { @media (min-width: 576px) {
:root { :root {
--font-size: 106.25%; --font-size: 17px;
} }
} }
@media (min-width: 768px) { @media (min-width: 768px) {
:root { :root {
--font-size: 112.5%; --font-size: 18px;
} }
} }
@media (min-width: 992px) { @media (min-width: 992px) {
:root { :root {
--font-size: 118.75%; --font-size: 19px;
} }
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
:root { :root {
--font-size: 125%; --font-size: 20px;
} }
} }
@ -113,10 +113,6 @@ dialog > article {
} }
} }
body {
--font-size: 1rem;
}
a { a {
--text-decoration: none; --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"; "Segoe UI Symbol", "Noto Color Emoji";
--line-height: 1.5; --line-height: 1.5;
--font-weight: 400; --font-weight: 400;
--font-size: 100%; // 16px in most cases --font-size: 16px;
// Responsive typography // Responsive typography
@if $enable-responsive-typography { @if $enable-responsive-typography {
@if map-get($breakpoints, "sm") { @if map-get($breakpoints, "sm") {
@media (min-width: map-get($breakpoints, "sm")) { @media (min-width: map-get($breakpoints, "sm")) {
--font-size: 106.25%; // 17px in most cases --font-size: 17px;
} }
} }
@if map-get($breakpoints, "md") { @if map-get($breakpoints, "md") {
@media (min-width: map-get($breakpoints, "md")) { @media (min-width: map-get($breakpoints, "md")) {
--font-size: 112.5%; // 18px in most cases --font-size: 18px;
} }
} }
@if map-get($breakpoints, "lg") { @if map-get($breakpoints, "lg") {
@media (min-width: map-get($breakpoints, "lg")) { @media (min-width: map-get($breakpoints, "lg")) {
--font-size: 118.75%; // 19px in most cases --font-size: 19px;
} }
} }
@if map-get($breakpoints, "xl") { @if map-get($breakpoints, "xl") {
@media (min-width: map-get($breakpoints, "xl")) { @media (min-width: map-get($breakpoints, "xl")) {
--font-size: 125%; // 20px in most cases --font-size: 20px;
} }
} }
} }
@ -143,11 +143,6 @@
} }
} }
// Body
body {
--font-size: 1rem;
}
// Link // Link
a { a {
--text-decoration: none; --text-decoration: none;