Fix blog roll text reflow on hover

This commit is contained in:
august kline 2025-01-06 17:27:52 -05:00
parent 2740bd8c6f
commit 892b2082c1
1 changed files with 6 additions and 1 deletions

View File

@ -8,6 +8,7 @@ h1 {
.blog-roll-entry {
margin-block: 1rem;
overflow: visible;
a {
border: var(--border);
@ -21,10 +22,13 @@ h1 {
.entry-content {
padding: var(--content-padding);
transition: padding-inline-start 0.3s ease, box-shadow 0.3s ease;
transition: padding 0.3s ease, box-shadow 0.3s ease;
overflow: hidden;
* {
margin-block: 0;
overflow: hidden;
}
}
@ -32,6 +36,7 @@ h1 {
&:focus-visible {
.entry-content {
padding-inline-start: calc(var(--content-padding) * 2);
padding-inline-end: 0;
box-shadow: inset 3px 0px 0px var(--color-text);
}
}