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

75 lines
1.1 KiB
SCSS
Raw Normal View History

2020-08-25 15:55:02 +02:00
.LP-LinkList{
2021-10-18 16:02:20 +02:00
@include RV-Grid;
align-items: center;
.LP-LinkList__Item{
2020-08-25 15:55:02 +02:00
border-left: 1px solid $-light-brown;
width: calc(100% - 1px);
overflow: hidden;
transition: background .3s, color .5s;
@include RV-Alignment--verticalCenter;
2021-10-18 16:02:20 +02:00
@include RV-Flex;
.LP-LinkList__ItemHover {
opacity: 0.5;
@include RV-Alignment--right;
@include RV-FlexRow__Item--fixedSize(min-content);
}
2020-08-25 15:55:02 +02:00
&:hover {
background-color: $-almost-white;
.LP-LinkList__ItemHover {
opacity: 1;
}
2020-08-25 15:55:02 +02:00
}
}
.LP-Link {
@include RV-FlexRow__Item;
@include RV-Spacing__Inner--small;
2020-08-25 15:55:02 +02:00
}
2020-08-26 16:48:48 +02:00
.LP-LinkAdd{
height: 0;
}
.LP-LinkAdd__Container{
position: relative;
top: -39px;
2020-08-26 16:48:48 +02:00
.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;
2020-08-26 16:48:48 +02:00
}
.LP-LinkAdd__Trigger:checked, .LP-LinkAdd__Trigger:checked + .LP-LinkAdd__TriggerLabel{
display: none;
}
.LP-LinkAdd__Trigger:checked ~ .LP-LinkAdd{
display: block;
}