@import "./style-dictionary.scss";

@mixin rotate($deg) {
    transform: rotate($deg);
}

@mixin iconSizeGet($multiplier) {
    font-size: calc(#{$multiplier} * 12px) !important;
    height: calc(#{$multiplier} * 12px) !important;
    line-height: calc(#{$multiplier} * 12px) !important;
    margin: 0;
    min-height: calc(#{$multiplier} * 12px) !important;
    min-width: calc(#{$multiplier} * 12px) !important;
    width: calc(#{$multiplier} * 12px) !important;
}

@mixin background-gradient-diagonal($color1, $color2) {
    background: $color1;
    background: -moz-linear-gradient(45deg, $color1 0%, $color2 100%);
    background: -webkit-linear-gradient(45deg, $color1 0%, $color2 100%);
    background: linear-gradient(45deg, $color1 0%, $color2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b9bf', endColorstr='#00f5ff',GradientType=1 );
}

@mixin background-gradient-linear(
    $orientation,
    $color1,
    $percentage1,
    $color2,
    $percentage2
) {
    background: $color1;
    background: -moz-linear-gradient(
        $orientation,
        $color1 $percentage1,
        $color2 $percentage2
    );
    background: -webkit-linear-gradient(
        $orientation,
        $color1 $percentage1,
        $color2 $percentage2
    );
    background: linear-gradient(
        $orientation,
        $color1 $percentage1,
        $color2 $percentage2
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b9bf', endColorstr='#00f5ff',GradientType=1 );
}

@mixin background-gradient-bot-top($color1, $color2) {
    background: $color1;
    background: -moz-linear-gradient(top, $color2 0%, $color1 100%);
    background: -webkit-linear-gradient(top, $color2 0%, $color1 100%);
    background: linear-gradient(to bottom, $color2 0%, $color1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f5ff', endColorstr='#00b9bf',GradientType=0 );
}

@mixin background-gradient-diagonal-custom(
    $color1,
    $percentage1,
    $color2,
    $percentage2
) {
    background: $color1;
    background: -moz-linear-gradient(
        45deg,
        $color1 $percentage1,
        $color2 $percentage2
    );
    background: -webkit-linear-gradient(
        45deg,
        $color1 $percentage1,
        $color2 $percentage2
    );
    background: linear-gradient(
        45deg,
        $color1 $percentage1,
        $color2 $percentage2
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b9bf', endColorstr='#00f5ff',GradientType=1 );
}

@mixin youtube-horizontal($vw) {
    width: $vw;
    height: ($vw * 9)/16;
}