Contextual colors

Convey meaning through color with a handful of emphasis utility classes. These may also be applied to links and will darken on hover just like our default link styles.

Example Classes Snippet

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

.text-muted
                  
                    <p class="text-muted">Your Text.</p>
                

Nullam id dolor id nibh ultricies vehicula ut id elit.

.text-primary
                  
                    <p class="text-primary">Your Text.</p>
                

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

.text-success
                  
                    <p class="text-success">Your Text.</p>
                

Maecenas sed diam eget risus varius blandit sit amet non magna.

.text-info
                  
                    <p class="text-info">Your Text.</p>
                

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

.text-warning
                  
                    <p class="text-warning">Your Text.</p>
                

Donec ullamcorper nulla non metus auctor fringilla.

.text-danger
                  
                    <p class="text-danger">Your Text.</p>
                

You can also use text lighten, darken and accent classes.

  • .{colorName} .lighten-* For lighten text color, this two classes needed. Here *: 1,2,3,4 for lighten color options.
  • .{colorName} .darken-* For darken text color, this two classes needed. Here *: 1,2,3,4 for darken color options.
  • .{colorName} .accent-* For accent text color, this two classes needed. Here *: 1,2,3,4 for accent color options.

Info Window

A basic example of using a single info window for 3 markers.

Dispatched Orders

ORDER STATUS OPERATORS LOCATION DISTANCE START DATE EST DEL. DT
#879985 Moving
  • Avatar
  • Avatar
  • Avatar
  • Avatar
Anniston, Alabama 130 km
14:58 26/07/2018 28/07/2018
#156897 Pending
  • Avatar
  • Avatar
  • Avatar
Cordova, Alaska 234 km
14:58 26/07/2018 28/07/2018
#568975 Moving
  • Avatar
  • Avatar
  • Avatar
  • Avatar
  • Avatar
Florence, Alabama 168 km
14:58 26/07/2018 28/07/2018
#245689 Canceled
  • Avatar
  • Avatar
Clifton, Arizona 125 km
14:58 26/07/2018 28/07/2018