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 .1s;
	}
	
    .LP-LinkList__Item{
		border-left: 1px solid $-light-brown;
		transition: background .1s;
		height: 100%;

		@include RV-Alignment--verticalCenter;

		&:hover {
			background-color: $-almost-white;
			--icon-color: #{$-grey};

			.LP-LinkList__ItemHover {
				opacity: 1;
			}
		}
	}

	.LP-Link {
		@include RV-Flex__Item;
		padding-left: $-spacing-medium;
		color: $-grey;
	}

	.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;
}