mirror of
https://github.com/picocss/pico.git
synced 2025-04-24 18:26:14 -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
|
@ -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