lostplaces-frontend/components/03_Organisms/linkList/_linkList.scss

.LP-LinkList__List{
    list-style-type: none;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    margin: 0;
    padding: 0;

    .LP-LinkList__Item{
        border-left: 1px solid $-light-brown;
        width: calc(100% - 1px);
        margin-top: 12px;

        .LP-Link{
            $-link-padding: 1em;
            padding: $-link-padding 0 $-link-padding $-link-padding;
            width: calc(100% - 1em);
            display: block;
            color: $-grey;


            &--iconized{
                padding-top: 0;
                padding-bottom: 1.1em;

                &:hover{
                    background-color: #ccc !important;
                }

                .LP-Text{
                    padding-top: .1em;
                }
            }


            &:hover{
                background-color: $-almost-white;
                color: $-wine-red;
            }

            .LP-Text{
                color: inherit;
            }
        }
    }
}

.LP-Link__Icon{
    width: 2em;
    height: 2em;
    fill: $-wine-red;
    line-height: 5em;
}

.LP-LinkList__Item .LP-Link__Icon{
    position: relative;
    top: .7em;
    margin-right: .6em;
}