76 lines
1.1 KiB
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;
|
|
}
|