UX: Improve alignment and spacing of category headers (#12829)

This commit is contained in:
Kris 2021-04-26 18:55:18 -04:00 committed by GitHub
parent ed373b2e7b
commit c0bd7db799
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 14 additions and 10 deletions

View File

@ -95,6 +95,11 @@
.category-heading {
max-width: 100%;
p {
margin-top: 0;
line-height: $line-height-large;
font-size: $font-up-3;
}
}
.category-logo.aspect-image {

View File

@ -210,16 +210,9 @@ button.dismiss-read {
}
}
.category-heading {
p {
line-height: $line-height-large;
font-size: $font-up-3;
}
}
.category-logo.aspect-image {
float: left;
margin: 0.25em 1em 0.5em 0;
margin: 0.33em 2em 2em 0;
}
/* Tablet (portrait) ----------- */

View File

@ -418,10 +418,16 @@ tr.category-topic-link {
}
}
.category-heading {
p {
font-size: $font-up-1;
margin-bottom: 0.75em;
}
}
.category-logo.aspect-image {
display: block;
margin: 8px 0;
margin: 1.5em 0 1em;
img {
max-width: 100%;
}