1
0
mirror of https://github.com/locomotivemtl/locomotive-boilerplate.git synced 2026-01-15 00:55:08 +08:00

Rename timing file and sass function for speed

This commit is contained in:
Lucas Bigot
2024-03-26 14:37:11 -04:00
parent ddd12ffc38
commit 2d395cf73a
3 changed files with 15 additions and 18 deletions

View File

@@ -1,3 +1,3 @@
{ {
"version": 1706549368176 "version": 1711478194756
} }

View File

@@ -25,7 +25,7 @@
@import "settings/config.eases"; @import "settings/config.eases";
@import "settings/config.fonts"; @import "settings/config.fonts";
@import "settings/config.spacers"; @import "settings/config.spacers";
@import "settings/config.timings"; @import "settings/config.speeds";
@import "settings/config.zindexes"; @import "settings/config.zindexes";
@import "settings/config"; @import "settings/config";
@import "settings/config.variables"; @import "settings/config.variables";

View File

@@ -1,23 +1,20 @@
// ========================================================================== // ==========================================================================
// Settings / Config / Timings // Settings / Config / Speeds
// ========================================================================== // ==========================================================================
// Timings // Speeds
// ========================================================================== // ==========================================================================
$timings: ( $speeds: (
fastest: 0.1s, fastest: 0.1s,
faster: 0.15s, faster: 0.15s,
fast: 0.25s, fast: 0.25s,
normal: 0.5s, normal: 0.3s,
slow: 0.75s, slow: 0.5s,
slower: 1s, slower: 0.75s,
slowest: 2s, slowest: 1s,
); );
// Default timing for t()
$timing-default: "normal" !default;
// Function // Function
// ========================================================================== // ==========================================================================
@@ -25,17 +22,17 @@ $timing-default: "normal" !default;
// //
// ```scss // ```scss
// .c-box { // .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} // @return {duration}
@function t($key: $timing-default) { @function speed($key: "normal") {
@if not map-has-key($timings, $key) { @if not map-has-key($speeds, $key) {
@error "Unknown '#{$key}' in $timings."; @error "Unknown '#{$key}' in $speeds.";
} }
@return map-get($timings, $key); @return map-get($speeds, $key);
} }