From 2d395cf73aba865f911fa9a80d7d76f928a587a1 Mon Sep 17 00:00:00 2001 From: Lucas Bigot Date: Tue, 26 Mar 2024 14:37:11 -0400 Subject: [PATCH] Rename timing file and sass function for speed --- assets.json | 2 +- assets/styles/main.scss | 2 +- ...onfig.timings.scss => _config.speeds.scss} | 29 +++++++++---------- 3 files changed, 15 insertions(+), 18 deletions(-) rename assets/styles/settings/{_config.timings.scss => _config.speeds.scss} (51%) diff --git a/assets.json b/assets.json index c694054..9029a41 100644 --- a/assets.json +++ b/assets.json @@ -1,3 +1,3 @@ { - "version": 1706549368176 + "version": 1711478194756 } \ No newline at end of file diff --git a/assets/styles/main.scss b/assets/styles/main.scss index b6e6846..0babc1c 100644 --- a/assets/styles/main.scss +++ b/assets/styles/main.scss @@ -25,7 +25,7 @@ @import "settings/config.eases"; @import "settings/config.fonts"; @import "settings/config.spacers"; -@import "settings/config.timings"; +@import "settings/config.speeds"; @import "settings/config.zindexes"; @import "settings/config"; @import "settings/config.variables"; diff --git a/assets/styles/settings/_config.timings.scss b/assets/styles/settings/_config.speeds.scss similarity index 51% rename from assets/styles/settings/_config.timings.scss rename to assets/styles/settings/_config.speeds.scss index 0cd2433..131d735 100644 --- a/assets/styles/settings/_config.timings.scss +++ b/assets/styles/settings/_config.speeds.scss @@ -1,23 +1,20 @@ // ========================================================================== -// Settings / Config / Timings +// Settings / Config / Speeds // ========================================================================== -// Timings +// Speeds // ========================================================================== -$timings: ( +$speeds: ( fastest: 0.1s, faster: 0.15s, fast: 0.25s, - normal: 0.5s, - slow: 0.75s, - slower: 1s, - slowest: 2s, + normal: 0.3s, + slow: 0.5s, + slower: 0.75s, + slowest: 1s, ); -// Default timing for t() -$timing-default: "normal" !default; - // Function // ========================================================================== @@ -25,17 +22,17 @@ $timing-default: "normal" !default; // // ```scss // .c-box { -// transition-duration: t(slow); +// transition-duration: speed(slow); // } // ``` // -// @param {string} $key - The timing key in $timings. +// @param {string} $key - The speed key in $speeds. // @return {duration} -@function t($key: $timing-default) { - @if not map-has-key($timings, $key) { - @error "Unknown '#{$key}' in $timings."; +@function speed($key: "normal") { + @if not map-has-key($speeds, $key) { + @error "Unknown '#{$key}' in $speeds."; } - @return map-get($timings, $key); + @return map-get($speeds, $key); }