@import "../../styles/lavenes.scss";

.list-view {
    display: flex;
    gap: $grid-gap;
    margin-top: $section-gap;

    &__item {
        width: 100%;
        height: 100%;

        &__tile {
            &__link {
                display: flex;
                gap: $grid-gap;

                &__leading {
                    &__image {
                        display: block;
                        width: 57pt;
                        height: 57pt;
                        background: gray;
                        background-position: center center;
                        background-size: cover;
                        border-radius: 5pt;
                    }
                }
    
                &__content {
                    flex: 1;
    
                    &__title {
                        display: block;
                        font-size: $callout;
                        color: $primary-text-color;
                        margin-top: 5pt;
                        font-weight: 500;
                    }
    
                    &__subtitle {
                        display: block;
                        font-size: $footnote;
                        margin-top: 6pt;
                        color: $secondary-text-color;
                    }
                }
            }
        }
    }
}