404 Not Found

PATH: root / paleypartnerscss

/* FUNCTIONS */

@function strip-units($value) {
    @return ($value / ($value * 0 + 1));
}

@function rem-size($size: 16px, $base: 16px, $em: false) {
    $unit: 1rem;
    @if $em {
        $unit: 1em;
    }
    @return $size / $base * $unit;
}

@function percent($width, $full-width: 1920px) {
    @return $width * 100% / $full-width;
}

@function str-replace($string, $search, $replace: '') {
    $index: str-index($string, $search);
    
    @if $index {
      @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
    }
    
    @return $string;
}
@function rgba-to-rgb($rgba, $background: #fff) {
  @return mix(rgb(red($rgba), green($rgba), blue($rgba)), $background, alpha($rgba) * 100%);
}

/* MIXINS */

@mixin clearfix {
    content: "";
    display: block;
    clear: both;
    float: none;
}

@mixin generateResponsiveFonts($selector: ":root", $min-font-size: 16px, $min-width: 480px, $max-font-size: 32px, $max-width: 1920px, $base-font-size: 16px) {
    :root {
        --responsive-font-min-width: #{$min-width};
        --responsive-font-max-width: #{$max-width};
        --responsive-font-min-size: #{$min-font-size};
        --responsive-font-max-size: #{$max-font-size};
        --xx: calc(var(--responsive-font-min-width) / 100);
        --yy: calc(100 * (var(--responsive-font-max-size) - var(--responsive-font-min-size)) / (var(--responsive-font-max-width) - var(--responsive-font-min-width)));
        --zz: calc(var(--responsive-font-min-size) / var(--font-size) * 1rem);
    }
    _:default:not(:root:root),
    html {
        animation: webkitfix 1s forwards infinite;
    }
    @-webkit-keyframes webkitfix {
        100% {
            z-index: auto;
        }
    }
    @media (max-width: $min-width) {
        #{$selector} {
            font-size: $min-font-size;
        }
    }
    @media (min-width: $min-width) {
        #{$selector} {
            $XX: $min-width / 100;
            $YY: 100 * ($max-font-size - $min-font-size) / ($max-width - $min-width);
            $ZZ: ($min-font-size / $base-font-size) * 1rem;
            font-size: calc(#{$ZZ} + ((1vw - #{$XX}) * #{$YY}));
            /*font-size: calc(var(--zz) + ((1vw - var(--xx)) * var(--yy)));*/
        }
    }
}

@mixin generateResponsiveFontsMax($selector: ":root", $min-font-size: 16px, $min-width: 480px, $max-font-size: 32px, $max-width: 1920px, $base-font-size: 16px) {
    @include generateResponsiveFonts($selector, $min-font-size, $min-width, $max-font-size, $max-width, $base-font-size);
    @media (min-width: $max-width) {
        #{$selector} {
          font-size: $max-font-size;
        }
    }
};

[+] ..
[-] style-ie9.scss [edit]
[-] _config.scss [edit]
[-] style.scss [edit]
[-] animations.scss [edit]
[-] style.min.css [edit]
[-] responsive.scss [edit]
[-] _init.scss [edit]
[-] style-ie.scss [edit]
[+] hamburgers