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:
@@ -1,3 +1,3 @@
|
|||||||
{
|
{
|
||||||
"version": 1706549368176
|
"version": 1711478194756
|
||||||
}
|
}
|
||||||
@@ -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";
|
||||||
|
|||||||
@@ -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);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user