OwlCyberSecurity - MANAGER

Edit File: _easings.scss

// based on
// https://github.com/jhardy/compass-ceaser-easing

@function bezier($type: ease) {
    $bezier: "0.420, 0.000, 0.580, 1.000";

@if $type == linear         {$bezier: "0.250, 0.250, 0.750, 0.750" }
    @if $type == ease           {$bezier: "0.250, 0.100, 0.250, 1.000" }
    @if $type == ease-in        {$bezier: "0.420, 0.000, 1.000, 1.000" }
    @if $type == ease-out       {$bezier: "0.000, 0.000, 0.580, 1.000" }
    @if $type == ease-in-out    {$bezier: "0.420, 0.000, 0.580, 1.000" }

@if $type == easeInQuad     {$bezier: "0.550, 0.085, 0.680, 0.530" }
    @if $type == easeInCubic    {$bezier: "0.550, 0.055, 0.675, 0.190" }
    @if $type == easeInQuart    {$bezier: "0.895, 0.030, 0.685, 0.220" }
    @if $type == easeInQuint    {$bezier: "0.755, 0.050, 0.855, 0.060" }
    @if $type == easeInSine     {$bezier: "0.470, 0.000, 0.745, 0.715" }
    @if $type == easeInExpo     {$bezier: "0.950, 0.050, 0.795, 0.035" }
    @if $type == easeInCirc     {$bezier: "0.600, 0.040, 0.980, 0.335" }
    @if $type == easeInBack     {$bezier: "0.600, -0.280, 0.735, 0.045" }

@if $type == easeOutQuad    {$bezier: "0.250, 0.460, 0.450, 0.940" }
    @if $type == easeOutCubic   {$bezier: "0.215, 0.610, 0.355, 1.000" }
    @if $type == easeOutQuart   {$bezier: "0.165, 0.840, 0.440, 1.000" }
    @if $type == easeOutQuint   {$bezier: "0.230, 1.000, 0.320, 1.000" }
    @if $type == easeOutSine    {$bezier: "0.390, 0.575, 0.565, 1.000" }
    @if $type == easeOutExpo    {$bezier: "0.190, 1.000, 0.220, 1.000" }
    @if $type == easeOutCirc    {$bezier: "0.075, 0.820, 0.165, 1.000" }
    @if $type == easeOutBack    {$bezier: "0.175, 0.885, 0.320, 1.275" }
    @if $type == easeOutBackF   {$bezier: "0.175, 0.885, 0.320, 1.000" }

@if $type == easeInOutQuad  {$bezier: "0.455, 0.030, 0.515, 0.955" }
    @if $type == easeInOutCubic {$bezier: "0.645, 0.045, 0.355, 1.000" }
    @if $type == easeInOutQuart {$bezier: "0.770, 0.000, 0.175, 1.000" }
    @if $type == easeInOutQuint {$bezier: "0.860, 0.000, 0.070, 1.000" }
    @if $type == easeInOutSine  {$bezier: "0.445, 0.050, 0.550, 0.950" }
    @if $type == easeInOutExpo  {$bezier: "1.000, 0.000, 0.000, 1.000" }
    @if $type == easeInOutCirc  {$bezier: "0.785, 0.135, 0.150, 0.860" }
    @if $type == easeInOutBack  {$bezier: "0.680, -0.550, 0.265, 1.550" }
    @if $type == easeInOutBackF {$bezier: "0.680, -0.550, 0.265, 1.000" }

@return unquote("cubic-bezier("+$bezier+")");
}

%linear         { @include transition(all .3s bezier(linear)) }
%ease           { @include transition(all .3s bezier(ease)) }
%ease-in        { @include transition(all .3s bezier(ease-in)) }
%ease-out       { @include transition(all .3s bezier(ease-out)) }
%ease-in-out    { @include transition(all .3s bezier(ease-in-out)) }
%easeInQuad     { @include transition(all .3s bezier(easeInQuad)) }
%easeInCubic    { @include transition(all .3s bezier(easeInCubic)) }
%easeInQuart    { @include transition(all .3s bezier(easeInQuart)) }
%easeInQuint    { @include transition(all .3s bezier(easeInQuint)) }
%easeInSine     { @include transition(all .3s bezier(easeInSine)) }
%easeInExpo     { @include transition(all .3s bezier(easeInExpo)) }
%easeInCirc     { @include transition(all .3s bezier(easeInCirc)) }
%easeInBack     { @include transition(all .3s bezier(easeInBack)) }
%easeOutQuad    { @include transition(all .3s bezier(easeOutQuad)) }
%easeOutCubic   { @include transition(all .3s bezier(easeOutCubic)) }
%easeOutQuart   { @include transition(all .3s bezier(easeOutQuart)) }
%easeOutQuint   { @include transition(all .3s bezier(easeOutQuint)) }
%easeOutSine    { @include transition(all .3s bezier(easeOutSine)) }
%easeOutExpo    { @include transition(all .3s bezier(easeOutExpo)) }
%easeOutCirc    { @include transition(all .3s bezier(easeOutCirc)) }
%easeOutBack    { @include transition(all .3s bezier(easeOutBack)) }
%easeInOutQuad  { @include transition(all .3s bezier(easeInOutQuad)) }
%easeInOutCubic { @include transition(all .3s bezier(easeInOutCubic)) }
%easeInOutQuart { @include transition(all .3s bezier(easeInOutQuart)) }
%easeInOutQuint { @include transition(all .3s bezier(easeInOutQuint)) }
%easeInOutSine  { @include transition(all .3s bezier(easeInOutSine)) }
%easeInOutExpo  { @include transition(all .3s bezier(easeInOutExpo)) }
%easeInOutCirc  { @include transition(all .3s bezier(easeInOutCirc)) }
%easeInOutBack  { @include transition(all .3s bezier(easeInOutBack)) }