display page title a bit more proudly

This commit is contained in:
りき萌 2024-02-07 13:32:47 +01:00
parent cac1084138
commit 6d887da5cd
3 changed files with 33 additions and 8 deletions

View file

@ -313,13 +313,19 @@ th {
display: none;
}
/* Give the logo on the top some nicer looks */
/* Style the navigation bar. */
nav {
display: flex;
align-items: center;
}
nav .nav-page {
display: flex;
flex-direction: column;
}
/* Give the logo on the top some nicer looks */
nav .logo {
width: 48px;
height: 48px;
@ -329,6 +335,15 @@ nav .logo {
color: var(--text-color);
}
/* Style page titles */
h1.page-title {
--recursive-wght: 800;
margin-top: 0;
margin-bottom: 0;
margin-left: 32px;
font-size: 1.25rem;
}
/* Style emojis to be readable */
img[is="th-emoji"] {
@ -406,4 +421,4 @@ img[is="th-emoji"] {
#index\:treehouse>details:not([open])>summary .oops-you-seem-to-have-gotten-stuck {
display: inline;
animation: 4s hello-there forwards;
}
}