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