scss Reuse variables from map in style class

Question

I have a px padding map

$sizes: (
  10_px: 10px,
  20_px: 20px,
  30_px: 30px
);

how do I refer this in my class

.h1 {
  padding: map($sizes, 10_px);
  display: block;
  font-weight: bold;
}

doesn't seem to work.

Answer 1

i recommend you to use mixins

@mixin padding($value) {
  padding: $value
}

.h1 {
  $include padding(14px);
  display: block;
  font-weight: bold;
}