@mixin header-style {
    font-weight: $font-weight-bold;
    text-transform: uppercase;
}

@mixin headline($size, $color) {
    color: $color;
    font-size: $size;
}

@mixin display-flex-column {
    display: flex;
    flex-direction: column;
}

@mixin display-flex-row {
    display: flex;
    flex-direction: row;
}

@mixin border-default($size, $type, $color) {
    border-width: $size;
    border-style: $type;
    border-color: $color;
}

@mixin border-top-bottom($size, $type, $color) {
    border-top: $size $type $color;
    border-bottom: $size $type $color;
}

@mixin border-top($size, $type, $color) {
    border-top: $size $type $color;
}

@mixin border-bottom($size, $type, $color) {
    border-bottom: $size $type $color;
}

@mixin border-left($size, $type, $color) {
    border-left: $size $type $color;
}

@mixin border-right($size, $type, $color) {
    border-right: $size $type $color;
}

@mixin border-radius($radius) {
    -webkit-border-radius: $radius;
    -moz-border-radius: $radius;
    -ms-border-radius: $radius;
    border-radius: $radius;
}

@mixin center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@mixin font-size($sizeValue) {
    font-size: $sizeValue + px; //fallback for old browsers
    font-size: (0.125 * $sizeValue) + rem;
}

@mixin line-height($heightValue) {
    line-height: $heightValue + px; //fallback for old browsers
    line-height: (0.125 * $heightValue) + rem;
}

@mixin absolute-position ($top, $right, $bottom, $left) {
    top: $top;
    right: $right;
    bottom: $bottom;
    left: $left;
    position: absolute;
}

@mixin padding ($pads...) {
    padding: $pads;
}