.block {

@include line;

}

.hidden {

display: none;

}

.overflow {

overflow: visible;

}

.no-overflow, .no-scroll {

overflow: hidden;

}

.absolute {

position: absolute;

}

.relative {

position: relative;

}

.inner-top {

padding-top: $spacing;

}

.inner-bottom {

padding-bottom: $spacing;

}

.inner-left {

padding-left: $spacing;

}

.inner-right {

padding-right: $spacing;

}

.no-padding {

padding: 0;

}

.pointer-cursor {

cursor: pointer;

}

.rounded {

@include rounded;

}

.circular {

@include border-radius(50%);

}

.centered-content {

text-align: center;

}

.centerable {

display: inline-block;

}

.shadow-container {

@include line;
padding-right: $shadow-padding;
padding-bottom: $shadow-padding;

}

.shadow {

@include shadowed;

}

.transparent {

@include opacity(0);

}

.opaque {

@include opacity(1);

}

.border {

@include bordered;

}

.border-left {

border-left: $border-width solid $neutral-20;

}

.border-right {

border-right: $border-width solid $neutral-20;

}

.border-top {

border-top: $border-width solid $neutral-20;

}

.border-bottom {

border-bottom: $border-width solid $neutral-20;

}

.no-border {

border: none;

}

// text styles

.wrap {

@include word-break(break-all);

}

.no-wrap {

white-space: nowrap;

}

.bold {

font-weight: bold;

}

.italic {

font-style: italic;

}

.small-text {

font-size: 0.9*$em;

}

.text-shadow {

@include text-shadowed;

}

.text-shadow-light {

@include text-shadowed-light;

}

// colored text

.light-text {

color: $neutral-20;

}

.primary-text {

color: $primary;

}

.accent-text {

color: $accent;

}

.accent-2-text {

color: $accent-2;

}

.info-text {

color: $info;

}

.info-2-text {

color: $info-2;

}

.warn-text {

color: $warn;

}

.error-text {

color: $error-dark;

}

// colored backgrounds .background-light {

background-color: $lightest-color;

}

.background-dark {

background-color: $darkest-color;

}

.background-primary {

background-color: $primary;

}

.background-accent {

background-color: $accent;

}

.background-accent-2 {

background-color: $accent-2;

}

.background-info {

background-color: $info;

}

.background-info-2 {

background-color: $info-2;

}

.background-warn {

background-color: $warn;

}

.background-error {

background-color: $error;

}