// Variables
$perm: hsl(141, 53%, 53%) !default
$cond: hsl(204, 86%, 53%) !default
$limi: hsl(348, 100%, 61%) !default  

// General
.lossl li 
    list-style: none !important

.lossl li::before
    content: "\2022"
    font-weight: bold
    margin-right: 1rem
    width: 1.5em
    font-size: 1.5rem

// Colored List Bullets
.lossl .permissions li::before
    color: $perm

.lossl .conditions li::before
    color: $cond

.lossl .limitations li::before
    color: $limi

// Has Text Colored : ALL TEXT WITHIN THE SECTION
.has-text-colored .permissions
    color: $perm

.has-text-colored .conditions
    color: $cond

.has-text-colored .limitations
    color: $limi

// Has List Colored: ONLY TEXT WITHIN THE LISTS
.has-list-colored .permissions li
    color: $perm

.has-list-colored .conditions li
    color: $cond

.has-list-colored .limitations li
    color: $limi

// Sections in columns
.is-head 
    color: white
    padding: .5rem

// 1Rem all
.b-1
    border-radius: 1rem

// 1Rem By Corner 
.b-tl-1
    border-top-left-radius: 1rem
.b-bl-1
    border-bottom-left-radius: 1rem
.b-tr-1
    border-top-right-radius: 1rem
.b-br-1
    border-bottom-right-radius: 1rem

// 1Rem By Top/Bottom
.b-t-1
    border-top-left-radius: 1rem
    border-top-right-radius: 1rem

.b-b-1
    border-bottom-left-radius: 1rem
    border-bottom-right-radius: 1rem

// Circle Border
.b-circle
    border-radius: 100%

.permissions .is-head
    background-color: $perm

.conditions .is-head 
    background-color: $cond

.limitations .is-head
    background-color: $limi

// Is Body
.is-body
    margin-top: 0

.is-body ul
    margin: 0
    padding: .5rem

// With Border
.with-b
    border: .2rem solid black 

// With Border Bottoms
.with-b-blr
    border-bottom: .2rem solid black 
    border-left: .2rem solid black 
    border-right: .2rem solid black 

.with-b-br
    border-bottom: .2rem solid black 
    border-right: .2rem solid black

.with-b-bl
    border-bottom: .2rem solid black 
    border-left: .2rem solid black 

.with-b-b
    border-bottom: .2rem solid black 

// With Border Tops
.with-b-tlr
    border-top: .2rem solid black 
    border-left: .2rem solid black 
    border-right: .2rem solid black 

.with-b-tr
    border-top: .2rem solid black 
    border-right: .2rem solid black 

.with-b-tl
    border-top: .2rem solid black 
    border-left: .2rem solid black 

.with-b-t
    border-top: .2rem solid black 

// Side Listing
.is-side-list .column
    display: inline-flex