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

feat: Add paired list element style

Browse source 
- .link for list elements
- Changed from .list_link
This commit is contained in:
sthag 2026-03-08 14:53:01 +01:00
parent 45bb274db1
commit b4c5632006
1 changed files with 26 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

52
elements/_grouping.scss
View file

@ -159,6 +159,32 @@ ol {
@extend .float_space_left;
}
}
&.link {
li {
margin-bottom: config.$space_tiny * 2;
text-transform: uppercase;
a {
display: block;
padding: config.$padding_basic;
color: config.$color_text_basic;
img {
margin-right: config.$space_basic;
padding-bottom: 0.2em;
vertical-align: text-bottom;
}
&:active,
&:focus,
&:hover {
background-color: config.$color_action_basic;
color: config.$color_highlight_basic;
}
}
}
}
}
menu {
@ -203,32 +229,6 @@ ul {
}
}
.list_link {
li {
margin-bottom: config.$space_tiny * 2;
text-transform: uppercase;
a {
display: block;
padding: config.$padding_basic;
color: config.$color_text_basic;
img {
margin-right: config.$space_basic;
padding-bottom: 0.2em;
vertical-align: text-bottom;
}
&:active,
&:focus,
&:hover {
background-color: config.$color_action_basic;
color: config.$color_highlight_basic;
}
}
}
}
// Embedded
// -----------------------------------------------------------------------------
figure {