JSFiddle - React, Tailwind, and code Playground

by Alexandru Gatea

SCSS

$incidents: (
"accident", 
"congestion", 
"construction", 
"disabled_vehicle", 
"event", 
"miscellaneous", 
"planned_event", 
"road_hazard", 
"scheduled_construction", 
"weather", 
"police", 
"road_closure", 
"difficult_driving_condition", 
"snow_and_ice", 
"smog_alerts", 
"reduced_visibility", 
"turn_on_radio", 
"road_contraction", 
"traffic_camera", 
"speed_camera", 
"speed_trap", 
"urgent_message"
);

@each $incident in $incidents {
  
  [traffic-incident=#{$incident}] {
    //
    //	icon-tint: #ff0000;
    //  icon-image: "incidents/templates/t_accident_crash_us.png";
  }


  
}