angestoepselt/homepage
5
0
Fork 0
mirror of https://codeberg.org/angestoepselt/homepage.git synced 2025-05-24 14:46:16 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix title and menu text overflow

Browse source
This commit is contained in:
Yannik Rödel 2022-06-14 16:45:28 +02:00
parent a1d245f093
commit 1faad48a87
2 changed files with 4 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
styles/components/_markup.scss
View file

@ -15,6 +15,7 @@ body {
font-size: typography.$title-size; font-size: typography.$title-size;
line-height: typography.$heading-line-height; line-height: typography.$heading-line-height;
text-align: center; text-align: center;
overflow-wrap: anywhere;
} }
h1 { h1 {
@ -27,6 +28,7 @@ h1 {
margin-bottom: layout.$large-gap; margin-bottom: layout.$large-gap;
font-size: typography.$heading-size; font-size: typography.$heading-size;
line-height: typography.$heading-line-height; line-height: typography.$heading-line-height;
overflow-wrap: anywhere;
&:after { &:after {
content: ''; content: '';
@ -51,6 +53,7 @@ h2 {
@extend %content-gutter; @extend %content-gutter;
font-size: typography.$subheading-size; font-size: typography.$subheading-size;
line-height: typography.$heading-line-height; line-height: typography.$heading-line-height;
overflow-wrap: anywhere;
} }
h3 { h3 {
@ -153,6 +156,7 @@ ul.link-grid {
gap: layout.$larger-gap layout.$normal-gap; gap: layout.$larger-gap layout.$normal-gap;
justify-items: center; justify-items: center;
align-items: center; align-items: center;
padding: 0;
list-style: none; list-style: none;
@media screen and (min-width: layout.$breakpoint) { @media screen and (min-width: layout.$breakpoint) {

5
styles/components/_site.scss
View file

@ -113,11 +113,6 @@
flex-basis: 100%; flex-basis: 100%;
> summary { > summary {
// The positioning requires that the header component has relative
// positioning.
position: absolute;
top: 0;
right: 0;
color: colors.$blue-800; color: colors.$blue-800;
} }
} }