.tb-weather-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tb-weather-list__item {
    + .tb-weather-list__item {
        margin-top: theme('margin.3');
    }
}

.tb-weather-list--border {
    .tb-weather-list__item {
        + .tb-weather-list__item {
            margin-top: theme('margin.3');
            padding-top: theme('margin.3');
            border-top: 1px solid theme('colors.gray.400');
        }
    }
}

// Horizontal layout makes only sense at a certain viewport width
.tb-weather-list--horizontal {
    // Prepare the list for the floated items
    overflow: hidden;
    position: relative;
    padding-bottom: theme('margin.4');
    text-align: center;

    .tb-weather-list__item {
        text-align: left;
        display: inline-block;
        margin-top: 0;
        margin-right: theme('margin.3');
        padding-right: theme('margin.2');

        + .tb-weather-list__item {
            margin-top: theme('margin.2');
            padding-top: 0;
            border-top: 0;
        }
    }

    &.tb-weather-list--border {
        .tb-weather-list__item {
            border-right: 1px solid theme('colors.gray.400');

            &:last-of-type {
                border-right: 0;
            }
        }
    }
}
