mirror of
https://github.com/picocss/pico.git
synced 2025-04-24 10:26:13 -04:00
feat: set root font size to 100%
This commit is contained in:
parent
76fda2f6df
commit
8b4f1527b1
11 changed files with 37 additions and 44 deletions
24
css/pico.css
24
css/pico.css
|
@ -397,7 +397,7 @@ progress,
|
|||
--pico-font-family: system-ui, -apple-system, "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
--pico-line-height: 1.5;
|
||||
--pico-font-weight: 400;
|
||||
--pico-font-size: 16px;
|
||||
--pico-font-size: 100%;
|
||||
--pico-text-underline-offset: 0.1rem;
|
||||
--pico-border-radius: 0.25rem;
|
||||
--pico-border-width: 1px;
|
||||
|
@ -419,22 +419,22 @@ progress,
|
|||
}
|
||||
@media (min-width: 576px) {
|
||||
:root {
|
||||
--pico-font-size: 17px;
|
||||
--pico-font-size: 106.25%;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
:root {
|
||||
--pico-font-size: 18px;
|
||||
--pico-font-size: 112.5%;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
:root {
|
||||
--pico-font-size: 19px;
|
||||
--pico-font-size: 118.75%;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
:root {
|
||||
--pico-font-size: 20px;
|
||||
--pico-font-size: 125%;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -554,6 +554,11 @@ h5 {
|
|||
--pico-typography-spacing-top: 1.6875rem;
|
||||
}
|
||||
|
||||
h6 {
|
||||
--pico-font-size: 1rem;
|
||||
--pico-typography-spacing-top: 1.5rem;
|
||||
}
|
||||
|
||||
thead th,
|
||||
thead td,
|
||||
tfoot th,
|
||||
|
@ -562,7 +567,7 @@ tfoot td {
|
|||
}
|
||||
|
||||
:not(thead, tfoot) > * > td {
|
||||
--pico-font-size: 0.875em;
|
||||
font-size: 0.875em;
|
||||
}
|
||||
|
||||
pre,
|
||||
|
@ -818,7 +823,6 @@ ul {
|
|||
color: var(--pico-color);
|
||||
font-style: normal;
|
||||
font-weight: var(--pico-font-weight);
|
||||
font-size: var(--pico-font-size);
|
||||
}
|
||||
|
||||
h1,
|
||||
|
@ -883,10 +887,6 @@ p {
|
|||
margin-bottom: var(--pico-typography-spacing-vertical);
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: var(--pico-font-size);
|
||||
}
|
||||
|
||||
:where(dl, ol, ul) {
|
||||
padding-right: 0;
|
||||
padding-left: var(--pico-spacing);
|
||||
|
@ -1148,7 +1148,6 @@ td {
|
|||
border-bottom: var(--pico-border-width) solid var(--pico-table-border-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
font-size: var(--pico-font-size);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
@ -1523,7 +1522,6 @@ label > :where(input, select, textarea) {
|
|||
-webkit-margin-end: 0.375em;
|
||||
margin-inline-end: 0.375em;
|
||||
border-width: var(--pico-border-width);
|
||||
font-size: inherit;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue