interaktionsweise/hippie-style
1
1
Fork 0
Code Pull requests Releases Activity

feat: Change specific styles for hr

Browse source 
Instead of repeating the element name to the class the declarations are now depended on the element itself.
This commit is contained in:
sthag 2026-02-14 20:44:13 +01:00
parent e2902fa9cb
commit 0e6aa4bb02
1 changed files with 13 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

29
elements/_grouping.scss
View file

@ -68,6 +68,19 @@ hr {
border-style: solid; border-style: solid;
border-color: config.$color_border_basic; border-color: config.$color_border_basic;
&.hidden {
border-color: transparent;
}
&.dotted {
border-style: dotted;
}
&.double {
height: 4px;
border-width: config.$width_border_basic 0;
}
&.vertical { &.vertical {
display: inline; display: inline;
margin: 0 config.$space_double; margin: 0 config.$space_double;
@ -75,22 +88,6 @@ hr {
} }
} }
.hr_hidden {
@extend hr;
border-color: transparent;
}
.hr_dotted {
@extend hr;
border-style: dotted;
}
.hr_double {
@extend hr;
height: 4px;
border-width: config.$width_border_basic 0;
}
// Preformat // Preformat
// ----------------------------------------------------------------------------- // -----------------------------------------------------------------------------
pre { pre {