*
    margin: 0px
    padding: 0px
    box-sizing: border-box
    text-rendering: optimizeLegibility
    -webkit-font-smoothing: antialiased
    -moz-osx-font-smoothing: grayscale

html, body

    &.no-scroll
        overflow: hidden
        height: 100%

.dark
    background-color: $eden-charcoal
    color: $eden-light-grey
.light
    background-color: $eden-light-grey
    color: $eden-charcoal
.eden
    background-color: $eden-green
    color: $eden-light-grey
.transparent
    background-color: transparent
    color: $eden-charcoal

.bg-black
    background-color: black
.bg-white
    background-color: white

.float-left
    float: left

.float-right
    float: right

.clear

    &:before, &:after
        content: " "
        display: table

    &:after
        clear: both

.bg-center
    background-position: center
    background-size: cover

.transition
    transition: all 0.3s ease-in-out

.fill-y
    height: 100%
.fill-x
    width: 100%

hr
    border-width: 1px
    border-style: solid

    &.center
        margin-left: auto
        margin-right: auto

    &.quarter
        width: 25%

    &.half
        width: 50%

    &.three-quarters
        width: 75%