Fix blog roll text reflow on hover
This commit is contained in:
parent
2740bd8c6f
commit
892b2082c1
|
@ -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);
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue