packages/styles/scss/lib/_im-to-em.scss

   1 @use 'sass:math';
   2
   3 /**
   4  * Convert a $breakpoint map from px to em
   5  * This function is specific to include-media library
   6  * @param {Map} $breakpoints - A include-media breakpoint map
   7  * @param {Number} $base-value - The base pixel value of the app for media queries
   8  * @return {Map} - The $breakpoints map converted in em
   9  */
  10 @function im-to-em($breakpoints, $base-value: 16px) {
  11         $new-breakpoints: ();
  12
  13         @each $name, $value in $breakpoints {
  14                 $em-value: (math.div($value, $base-value)) * 1em;
  15                 $new-breakpoints: map-merge(
  16                         $new-breakpoints,
  17                         (
  18                                 $name: $em-value,
  19                         )
  20                 );
  21         }
  22
  23         @return $new-breakpoints;
  24 }