salix/front/salix/styles/border.scss

@import "colors";

$border-color: #AAA;
$border-thin: 1px;
$border-thick: 2px;

html [border-none], .border-none {
    border: 0;
}

/* Solid border */

html [border-solid], .border-solid {
    border: $border-thin solid $border-color;
}
html [border-solid-top], .border-solid-top {
    border-top: $border-thin solid $border-color;
}
html [border-solid-left], .border-solid-left {
    border-left: $border-thin solid $border-color;
}
html [border-solid-right], .border-solid-right {
    border-right: $border-thin solid $border-color;
}
html [border-solid-bottom], .border-solid-bottom {
    border-bottom: $border-thin solid $border-color;
}

/* Dashed border */

html [border-dashed], .border-dashed {
    border: $border-thin dashed $border-color;
}
html [border-dashed-top], .border-dashed-top {
    border-top: $border-thin dashed $border-color;
}
html [border-dashed-left], .border-dashed-left {
    border-left: $border-thin dashed $border-color;
}
html [border-dashed-right], .border-dashed-right {
    border-right: $border-thin dashed $border-color;
}
html [border-dashed-bottom], .border-dashed-bottom {
    border-bottom: $border-thin dashed $border-color;
}

/* Border Radius */

html [border-radius], .border-radius {
    border-radius: .3em;
}