JSFiddle - React, Tailwind, and code Playground

by Alexandru Gatea

SCSS

//$parent:"points";

//$items: (
//country,state,province,county,city,neighbourhood,town,village,hamlet-hz
//);



//@each $item in $items {

//@color-#{$parent}-#{$item}-day:           @color-#{$parent};
//@color-#{$parent}-#{$item}-night:         @color-#{$parent};
//@color-#{$parent}-#{$item}:               animated(time-of-day, [0: @color-#{$parent}-#{$item}-day, 1: @color-#{$parent}-#{$item}-night]);

//}


// roads

$roads: (
path,
pedestrian,
footway,
steps,
living-street,
track,
briddleway,
service,
construction,
crossing,
cycleway,
ford,
state,
unclassified,
residential
  
);

@each $road in $roads {
  
  @color-#{$road}-day:         @#{$road};
  @color-#{$road}-night:       @#{$road};
  @color-#{$road}:             animated(time-of-day, [0: @color-#{$road}-day, 1: @color-#{$road}-night]);
  
}