Clean CSS

This commit is contained in:
2022-06-14 23:11:24 +02:00
parent 3270ad70f0
commit 9801fec217
3 changed files with 2 additions and 11 deletions

View File

@@ -1,7 +1,7 @@
// CSS Variables // CSS Variables
:root { :root {
// Sizes // Sizes
--container-width: $container-width; --container-width: #{$container-width};
// Animation // Animation
--ease-quart: cubic-bezier(.165, .84, .44, 1); --ease-quart: cubic-bezier(.165, .84, .44, 1);

View File

@@ -27,7 +27,6 @@ $font-sans: "Garnett", #{$replacement-sans};
$font-serif: "Magnolia", #{$replacement-serif}; $font-serif: "Magnolia", #{$replacement-serif};
/* Sizes, margins and spacing /* Sizes, margins and spacing
====================================================================== */ ====================================================================== */
$base-width: 1600 !default; $base-width: 1600 !default;
@@ -44,14 +43,6 @@ $dir-img: "/images" !default;
$dir-fonts: "/fonts" !default; $dir-fonts: "/fonts" !default;
/* Animation
========================================================================== */
// Easing
$ease-cubic: cubic-bezier(.785, .135, .15, .86);
$ease-quart: cubic-bezier(.165, .84, .44, 1);
$ease-inout: ease-in-out;
/* Responsive breakpoints /* Responsive breakpoints
========================================================================== */ ========================================================================== */
$breakpoints: ( $breakpoints: (

View File

@@ -83,7 +83,7 @@
} }
span { span {
transition: color 0.4s $ease-quart, opacity 0.3s $ease-inout; transition: color 0.4s var(--ease-quart), opacity 0.3s var(--ease-inout);
} }
// Hover glow effect // Hover glow effect