/*
Wells

<strong>Deprecated:</strong> Styling for wells. We'll drop support for these wells after v3.13.0
<p>Use card styles instead.<p>

Name: well

Styleguide 2.35
*/

@well-highlight-border-width: 5px;
@well-highlight-directions: top, left, right, bottom;

.well-highlight(@directions; @i: 1) when (@i =< length(@directions)){
    @direction: extract(@directions, @i);
    .well--highlight-@{direction} {
        border-@{direction}: @well-highlight-border-width solid @theme-green1;
        &.well--highlight-grey,
        &.well--muted {
            border-@{direction}-color: @theme-grey4;
        }
    }
    .well-highlight(@directions, @i + 1);
}

.well {
    padding: 15px;
    border: 1px solid @theme-grey13;
    border-radius: @border-radius-default;
    background-color: white;
}

.well--muted {
    background-color: @theme-grey14;
}

.well-highlight(@well-highlight-directions);