JSFiddle - React, Tailwind, and code Playground

by Alexandru Gatea

SCSS

$lines: (

  ferry: Ferry,
  administrative: Administrative,
  light-rail: LightRail,
  rail: Rail,
  subway: Subway,
  river: River,
  wadi: Wadi,
  canal: Canal,
  country-border: CountryBorder,
  us-state-border: US_StateBorder,
  state-border: StateBorder,
  country-border-disputed: CountryBorderDisputed,
  state-border-disputed: StateBorderDisputed,
  sar: SpecialAdministrativeRegion

);

@each $line, $value in $lines {
  
  
    ANCHOR #{$value}
    [feature-type='#{$value}'] {
      color: unquote('@color-line-')#{$line};
      width: unquote('@line-width-')#{$line};
    }
  
}