fix module listing style
This commit is contained in:
parent
cafdf14928
commit
84703e3117
3 changed files with 22 additions and 60 deletions
|
@ -19,29 +19,6 @@
|
|||
&:not(:last-child) {
|
||||
border-bottom: 1px solid hsla(var(--blue) 10 15 / 0.6);
|
||||
}
|
||||
|
||||
& .root-nav-link {
|
||||
font-size: 1.137rem;
|
||||
max-height: 2rem;
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
|
||||
&::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
transparent 25%,
|
||||
hsla(var(--accent-500) / 0.88) 50%,
|
||||
transparent 75%
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -353,27 +330,6 @@ html.dark .typevariants {
|
|||
display: grid;
|
||||
grid-template-columns: 0.60fr 1.40fr;
|
||||
|
||||
& .root-nav-link {
|
||||
justify-self: start;
|
||||
height: max-content;
|
||||
|
||||
&::before {
|
||||
width: 0;
|
||||
background: linear-gradient(
|
||||
to right,
|
||||
hsla(var(--accent-400) / 0.5) var(--percent),
|
||||
hsla(var(--accent-400) / 0) 100%
|
||||
);
|
||||
animation: percentToZero 250ms ease-in-out forwards;
|
||||
transition: width 0.25s ease-in-out;
|
||||
}
|
||||
|
||||
&:hover::before {
|
||||
animation: percentToFifty 250ms ease-in-out forwards;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
& .root-nav-desc {
|
||||
padding-left: 1rem;
|
||||
border-left: 1px solid hsl(var(--blue) 10 15 / 0.6);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue