49 lines
868 B
SCSS
49 lines
868 B
SCSS
.LP-LinkList{
|
|
@include RV-Grid;
|
|
@include RV-Grid--autoWidth;
|
|
--itemMinWidth: 350px;
|
|
--itemHeight: 3em;
|
|
align-items: center;
|
|
--icon-color: #{$-light-brown};
|
|
|
|
.RV-Iconized__Icon {
|
|
font-size: calc(var(--itemHeight) * .75);
|
|
line-height: 1em;
|
|
color: var(--icon-color);
|
|
transition: color .2s;
|
|
}
|
|
|
|
.LP-LinkList__Item{
|
|
font-weight: 500;
|
|
--color: #{$-grey};
|
|
border-left: 1px solid $-light-brown;
|
|
transition: background .2s;
|
|
height: 100%;
|
|
|
|
@include RV-Alignment--verticalCenter;
|
|
|
|
&:hover {
|
|
background-color: $-beige;
|
|
--icon-color: #{$-grey};
|
|
--color: #{$-almost-white};
|
|
|
|
.LP-LinkList__ItemHover {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
&--addItem {
|
|
background-color: $-almost-white;
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
|
|
.LP-Link {
|
|
@include RV-Flex__Item;
|
|
padding-left: $-spacing-medium;
|
|
color: var(--color);
|
|
transition: color .2s;
|
|
}
|
|
|
|
}
|