lostplaces-frontend/components/03_Organisms/linkList/_linkList.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;
	}

}