Improved navigation spacing with flex layout

This commit is contained in:
squidfunk 2023-09-23 09:30:56 +02:00
parent b1ee79b262
commit 11b1c55ba1
No known key found for this signature in database
GPG Key ID: 5ED40BC4F9C436DF
2 changed files with 1 additions and 6 deletions

View File

@ -93,6 +93,7 @@
// Navigation link // Navigation link
&__link { &__link {
display: flex; display: flex;
gap: px2rem(8px);
align-items: flex-start; align-items: flex-start;
margin-top: 0.625em; margin-top: 0.625em;
transition: color 125ms; transition: color 125ms;
@ -131,11 +132,6 @@
flex-shrink: 0; flex-shrink: 0;
height: 1.3em; height: 1.3em;
fill: currentcolor; fill: currentcolor;
// Adjust spacing of next child
+ * {
margin-inline-start: px2rem(8px);
}
} }
// Navigation link on focus/hover // Navigation link on focus/hover

View File

@ -36,7 +36,6 @@
// Status // Status
.md-status { .md-status {
margin-left: px2rem(4px);
// Status icon // Status icon
&::after { &::after {