This is cargo-culted from Writebook, we're not going to use it here
This commit is contained in:
@@ -4,8 +4,6 @@ body {
|
||||
}
|
||||
|
||||
:where(#main) {
|
||||
container-type: inline-size;
|
||||
font-size: var(--font-medium-responsive);
|
||||
inline-size: 100vw;
|
||||
margin-inline: auto;
|
||||
max-inline-size: 100vw;
|
||||
|
||||
@@ -6,11 +6,6 @@
|
||||
--block-space: 1rem;
|
||||
--block-space-half: calc(var(--block-space) / 2);
|
||||
--block-space-double: calc(var(--block-space) * 2);
|
||||
|
||||
--font-small-responsive: clamp(0.8rem, 2cqi, 1rem);
|
||||
--font-medium-responsive: clamp(1rem, 2.5cqi, 1.4rem);
|
||||
--font-large-responsive: clamp(1.3rem, 4cqi, 1.8rem);
|
||||
--font-x-large-responsive: clamp(1.8rem, 5cqi, 3.2rem);
|
||||
}
|
||||
|
||||
/* Text */
|
||||
@@ -20,11 +15,6 @@
|
||||
.txt-x-large { font-size: 1.8rem; }
|
||||
.txt-xx-large { font-size: 2.4rem; }
|
||||
|
||||
.txt-small--responsive { font-size: var(--font-small-responsive); }
|
||||
.txt-medium--responsive { font-size: var(--font-medium-responsive); }
|
||||
.txt-large--responsive { font-size: var(--font-large-responsive); }
|
||||
.txt-x-large--responsive { font-size: var(--font-x-large-responsive); }
|
||||
|
||||
.txt-align-center { text-align: center; }
|
||||
.txt-align-start { text-align: start; }
|
||||
.txt-align-end { text-align: end; }
|
||||
|
||||
Reference in New Issue
Block a user