mirror of
https://github.com/picocss/pico.git
synced 2025-04-20 16:46:14 -04:00
feat: set root font size to 100%
This commit is contained in:
Lucas Larroche
parent
76fda2f6df
commit
8b4f1527b1
11 changed files with 37 additions and 44 deletions
|
|
@ -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;
|
||||
|
|
@ -417,22 +417,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%;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -552,6 +552,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,
|
||||
|
|
@ -560,7 +565,7 @@ tfoot td {
|
|||
}
|
||||
|
||||
:not(thead, tfoot) > * > td {
|
||||
--pico-font-size: 0.875em;
|
||||
font-size: 0.875em;
|
||||
}
|
||||
|
||||
pre,
|
||||
|
|
@ -774,7 +779,6 @@ ul {
|
|||
color: var(--pico-color);
|
||||
font-style: normal;
|
||||
font-weight: var(--pico-font-weight);
|
||||
font-size: var(--pico-font-size);
|
||||
}
|
||||
|
||||
h1,
|
||||
|
|
@ -836,10 +840,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);
|
||||
|
|
@ -1054,7 +1054,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;
|
||||
}
|
||||
|
|
@ -1429,7 +1428,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;
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
2
css/pico.classless.min.css
vendored
2
css/pico.classless.min.css
vendored
File diff suppressed because one or more lines are too long
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;
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
2
css/pico.min.css
vendored
2
css/pico.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -44,28 +44,28 @@ $breakpoints: map.deep-merge(
|
|||
(
|
||||
breakpoint: 576px,
|
||||
viewport: 510px,
|
||||
root-font-size: 17px,
|
||||
root-font-size: 106.25%,
|
||||
),
|
||||
// Medium (tablets)
|
||||
md:
|
||||
(
|
||||
breakpoint: 768px,
|
||||
viewport: 700px,
|
||||
root-font-size: 18px,
|
||||
root-font-size: 112.5%,
|
||||
),
|
||||
// Large (desktops)
|
||||
lg:
|
||||
(
|
||||
breakpoint: 992px,
|
||||
viewport: 920px,
|
||||
root-font-size: 19px,
|
||||
root-font-size: 118.75%,
|
||||
),
|
||||
// Extra large (large desktops)
|
||||
xl:
|
||||
(
|
||||
breakpoint: 1200px,
|
||||
viewport: 1130px,
|
||||
root-font-size: 20px,
|
||||
root-font-size: 125%,
|
||||
)
|
||||
),
|
||||
$breakpoints
|
||||
|
|
|
|||
|
|
@ -30,7 +30,6 @@
|
|||
border-bottom: var(#{$✨}border-width) solid var(#{$✨}table-border-color);
|
||||
color: var(#{$✨}color);
|
||||
font-weight: var(#{$✨}font-weight);
|
||||
font-size: var(#{$✨}font-size);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -50,7 +50,6 @@
|
|||
color: var(#{$✨}color);
|
||||
font-style: normal;
|
||||
font-weight: var(#{$✨}font-weight);
|
||||
font-size: var(#{$✨}font-size);
|
||||
}
|
||||
|
||||
// Headings
|
||||
|
|
@ -135,11 +134,6 @@
|
|||
margin-bottom: var(#{$✨}typography-spacing-vertical);
|
||||
}
|
||||
|
||||
// Small
|
||||
small {
|
||||
font-size: var(#{$✨}font-size);
|
||||
}
|
||||
|
||||
// Lists
|
||||
:where(dl, ol, ul) {
|
||||
padding-right: 0;
|
||||
|
|
|
|||
|
|
@ -19,7 +19,6 @@
|
|||
margin-inline-start: 0;
|
||||
margin-inline-end: 0.375em;
|
||||
border-width: var(#{$✨}border-width);
|
||||
font-size: inherit;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
"Noto Color Emoji";
|
||||
#{$✨}line-height: 1.5;
|
||||
#{$✨}font-weight: 400;
|
||||
#{$✨}font-size: 16px;
|
||||
#{$✨}font-size: 100%;
|
||||
#{$✨}text-underline-offset: 0.1rem;
|
||||
|
||||
// Responsive root font size
|
||||
|
|
@ -213,6 +213,11 @@
|
|||
#{$✨}font-size: 1.125rem;
|
||||
#{$✨}typography-spacing-top: 1.6875rem;
|
||||
}
|
||||
|
||||
h6 {
|
||||
#{$✨}font-size: 1rem;
|
||||
#{$✨}typography-spacing-top: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
// Table
|
||||
|
|
@ -226,7 +231,7 @@
|
|||
}
|
||||
|
||||
:not(thead, tfoot) > * > td {
|
||||
#{$✨}font-size: 0.875em;
|
||||
font-size: 0.875em;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue