_mixins.scss 592 B

12345678910111213141516171819202122
  1. @use 'sass:math';
  2. @use 'sass:map';
  3. @use 'sass:meta';
  4. @use '../../styles/settings';
  5. @use '../../styles/tools';
  6. @use './variables' as *;
  7. @mixin fab-sizes ($map: $fab-sizes, $immediate: false) {
  8. @each $sizeName, $multiplier in $fab-size-scales {
  9. $size: map.get($map, 'font-size') + math.div(2 * $multiplier, 16);
  10. $height: map.get($map, 'height') + (12px * $multiplier);
  11. // .v-fab .v-btn--size-#{$sizeName} {
  12. // --v-btn-size: #{$size};
  13. // --v-btn-height: #{$height};
  14. // }
  15. .v-fab--bottom .v-btn--size-#{$sizeName} {
  16. bottom: -1 * $height / 2;
  17. }
  18. }
  19. }