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