lostplaces-frontend/components/03_Organisms/linkList/_linkList.scss

76 lines
1.1 KiB
SCSS

.LP-LinkList{
@include RV-FlexGrid(300px, 3em);
@include RV-ElementList;
@include RV-Spacing__Inner--small;
align-items: center;
.LP-LinkList__Item{
border-left: 1px solid $-light-brown;
width: calc(100% - 1px);
overflow: hidden;
@include RV-Alignment--verticalCenter;
@include RV-FlexRow__Container;
.LP-LinkList__ItemHover {
opacity: 0.5;
@include RV-Alignment--right;
@include RV-FlexRow__Item--fixedSize(min-content);
}
&:hover {
background-color: $-almost-white;
.LP-LinkList__ItemHover {
opacity: 1;
}
}
}
.LP-Link {
@include RV-FlexRow__Item;
@include RV-Spacing__Inner--small;
}
.LP-LinkAdd{
height: 0;
}
.LP-LinkAdd__Container{
position: relative;
top: -39px;
.LP-Form__Fieldset{
min-width:unset;
}
.LP-Form{
display: block;
min-width: 0px;
}
}
}
.LP-LinkAdd{
display: none;
}
.LP-LinkAdd__Trigger {
display: none;
}
.LP-LinkAdd__TriggerLabel{
cursor: pointer;
display: contents;
}
.LP-LinkAdd__Trigger:checked, .LP-LinkAdd__Trigger:checked + .LP-LinkAdd__TriggerLabel{
display: none;
}
.LP-LinkAdd__Trigger:checked ~ .LP-LinkAdd{
display: block;
}