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