Improvment to reset plus spelling fix.

This commit is contained in:
Fredrik Jonsson 2024-10-16 08:41:36 +02:00
commit 17bd5c22ba
4 changed files with 32 additions and 18 deletions

View file

@ -5,13 +5,13 @@ html {
font-family: var(--ff-body);
// Set base font size in percent.
font-size: calc(#{$base-font-size} / 16 * 100%);
// Correct the line height in all browsers.
line-height: $base-line-height;
// Set text colour.
color: var(--color-text);
}
body {
// Correct the line height in all browsers.
line-height: $base-line-height;
// Output a horizontal grid to help with debugging typography. The
// $debug variable will toggle its output.
@include debug-grid();

View file

@ -51,6 +51,12 @@ textarea {
width: Min(30em, 100%);
}
// Make sure textareas without a rows attribute are not tiny.
textarea:not([rows]) {
min-height: 10em
}
// For forms with multibple fields show submit button below the form.
input:not(:only-of-type),
textarea {

View file

@ -13,7 +13,7 @@
blockquote {
// Add vertical rhythm margins.
@include margin-block(0 1);
// Nicer text wrap, e.g. no lone work on last line.
// Nicer text wrap, e.g. no lone word on last line.
text-wrap: pretty;
// Also indent the quote on both sides.
margin-inline: var(--indent-amount);
@ -51,7 +51,7 @@ menu {
}
li {
// Nicer text wrap, e.g. no lone work on last line.
// Nicer text wrap, e.g. no lone word on last line.
text-wrap: pretty;
// Set max text line width in main for readability.
.main & {
@ -78,7 +78,7 @@ hr {
p {
// Add vertical rhythm margins.
@include margin-block(0 1);
// Nicer text wrap, e.g. no lone work on last line.
// Nicer text wrap, e.g. no lone word on last line.
text-wrap: pretty;
// Set max text line width in main for readability.

View file

@ -38,7 +38,7 @@ figure {
padding-block-start: var(--image-padding);
// Set max text line width in main for readability.
max-width: var(--max-line-width);
// Nicer text wrap, e.g. no lone work on last line.
// Nicer text wrap, e.g. no lone word on last line.
text-wrap: pretty;
@include respond-to(s) {