feat: set root font size to 100%

This commit is contained in:
Lucas Larroche 2023-02-13 20:19:54 +07:00
parent 76fda2f6df
commit 8b4f1527b1
11 changed files with 37 additions and 44 deletions

View file

@ -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

View file

@ -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;
}

View file

@ -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;

View file

@ -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;

View file

@ -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;
}
}