heading line utility
This commit is contained in:
parent
3bd4cb295f
commit
cadd58530a
1 changed files with 18 additions and 0 deletions
18
src/assets/css/utilities/heading-line.css
Normal file
18
src/assets/css/utilities/heading-line.css
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
.heading-line {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
text-align: left;
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
flex-grow: 1;
|
||||
block-size: 1px;
|
||||
background: var(--color-bg-accent-2);
|
||||
margin-block-start: auto;
|
||||
transform: translateY(-0.25em);
|
||||
}
|
||||
|
||||
&:after {
|
||||
margin-left: var(--space-s);
|
||||
}
|
||||
}
|
||||
Loading…
Reference in a new issue