Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class="container">
  <div class="primary-content">
    Primary Content
  </div>
  <div class="secondary-content">
    Secondary Content
  </div>
</div>

SassMeister-input.scss

// ----
// Sass (v3.4.6)
// Compass (v1.0.1)
// ----

/// Prints a map and its properties
/// @param {Map} $map
/// @requires {function} map-depth
@mixin debug-map($map) {
  @debug-map {
    $keys: map-keys($map);
    @each $key in $keys {
      $value: map-get($map, $key);
      #{"(" + type-of($value) + ") " + $key}: $value;
    }
  }
}

$map-orig: (
  color: blue,
  size: large,
  weight: heavy,
  price: 30,
  shipping: 0
);

$map-new: (
  color: red,
  size: large,
  weight: light,
  shipping: 5,
  tax: 3,
  quantity: 1
);

$map-merged: map-merge($map-orig, $map-new);

@include debug-map($map-merged);

SassMeister-output.css

@debug-map {
  (color) color: red;
  (string) size: large;
  (string) weight: light;
  (number) price: 30;
  (number) shipping: 5;
  (number) tax: 3;
  (number) quantity: 1;
}

SassMeister-rendered.html

<div class="container">
  <div class="primary-content">
    Primary Content
  </div>
  <div class="secondary-content">
    Secondary Content
  </div>
</div>