Generated by SassMeister.com.

SassMeister-input.scss

// ----
// libsass (v3.0.2)
// ----

$colourList: (
  id-1: (
    color1: #bbb,
    color2: #ccc
  ),
  id-2: (
    color1: #ddd,
    color2: #eee
  )
);


@each $item, $color in $colourList {
  [data-section-id="#{$item}"] {
  border-top: map-get(map-get($colourList, $item), color1);
  border-bottom: map-get(map-get($colourList, $item), color2);
  }
}

SassMeister-output.css

[data-section-id="id-1"] {
  border-top: #bbb;
  border-bottom: #ccc; }

[data-section-id="id-2"] {
  border-top: #ddd;
  border-bottom: #eee; }