_rem.scss 696 B

123456789101112131415161718192021222324252627282930313233
  1. @mixin rem($property, $size, $base: $em-base) {
  2. @if not unitless($base) {
  3. $base: strip-units($base);
  4. }
  5. $unitless_values: ();
  6. @each $num in $size {
  7. @if not unitless($num) {
  8. @if unit($num) == "em" {
  9. $num: $num * $base;
  10. }
  11. $num: strip-units($num);
  12. }
  13. $unitless_values: append($unitless_values, $num);
  14. }
  15. $size: $unitless_values;
  16. $pixel_values: ();
  17. $rem_values: ();
  18. @each $value in $pxval {
  19. $pixel_value: $value * 1px;
  20. $pixel_values: append($pixel_values, $pixel_value);
  21. $rem_value: ($value / $base) * 1rem;
  22. $rem_values: append($rem_values, $rem_value);
  23. }
  24. #{$property}: $pixel_values;
  25. #{$property}: $rem_values;
  26. }