Files
cunningham/packages/react/src/utils/_responsive.scss
Nathan Vasse 6dcafa91f4 (react) add responsive helper
This helper provides handy functions to make components responsive.
2023-12-12 11:04:25 +01:00

14 lines
323 B
SCSS

@use "sass:map";
@use "../cunningham-tokens" as *;
@function breakpoint($name, $tokens: $themes) {
@return map.get($tokens, 'default', 'theme', 'breakpoints', $name);
}
@mixin container($name, $tokens: $themes) {
$breakpoint: breakpoint($name, $tokens);
@container (max-width: #{$breakpoint}) {
@content;
}
}