/* Helpers */
@import '../variables.sss'
@import '_selectors.sss'

:--headings
    color: $color-primary
p
    line-height: 1.5em


%flexer
    display: flex

.f
    &-row, &-col
        @extend %flexer
    &-row
        flex-direction: row
    &-col
        flex-direction: column
    &-cntr
        justify-content: center
        align-items: center
    &-grow
        flex-grow: 10

%borderer
    border-width: 1px 
    border-color: $primary


.b
    &-none
        border-style: none
    &-solid
        @extend %borderer
        border-style: solid
    &-dash
        @extend %borderer
        border-style: dashed
    &-dot
        @extend %borderer
        border-style: dotted
    &-pill
        border-radius: 999px
    &-rnd
        border-radius: $ms

.p
    &-all
        padding: $ms
    &-horz
        padding-left: $ms
        padding-right: @padding-left
    &-vert
        padding-top: $ms
        padding-bottom: @padding-top

.bg
    &-none
        background: none