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