MTA Styles

The colors of the MTA in a easy to include CSS, SASS, LESS, JSON library.

Styles provided directly from the MTA. MTA Styles was created by the WNYC DataNews team. See Github for code and more details.

Include

You can easily install MTA Styles with a package manager on the command line.

  npm install mta-styles
  bower install mta-styles

Or include directly with this CDN:

  <link rel="stylesheet" href="//cdn.rawgit.com/datanews/mta-styles/0.0.5/dist/mta-styles.css">

Symbols

It's easy to put a MTA line symbol in your markup, specifically for the subway, just use some markup like the following.

  <i class="mta mta-symbol subway-n"><i>

The symbols will adjust to the font-size they are placed in, but you can also use classes to make the symbols small, medium, and large:

mta-small

mta-med

mta-large

Backgrounds

MTA Styles provides all the colors as background with classes like mta subway-a. Some examples:

Subway A line
mta subway-a
Long Island Rail Road Babylon branch
mta lirr-babylon
Metro-North Railroad Pascack Valley line
mta metro-north-pascack-valley

Foregrounds

You can also use the line colors as foreground colors by adding a -fg suffix. Some examples:

Subway J line
mta subway-j-fg
Long Island Rail Road Montauk branch
mta lirr-montauk-fg
Metro-North Railroad Harlem line
mta metro-north-harlem-fg

JSON

MTA Styles also provides a JSON file for use in applications or data analysis.

Identifiers

List of identifiers available.
  subway-a
  subway-c
  subway-e
  subway-b
  subway-d
  subway-f
  subway-m
  subway-g
  subway-j
  subway-z
  subway-l
  subway-n
  subway-q
  subway-r
  subway-w
  subway-s
  subway-1
  subway-2
  subway-3
  subway-4
  subway-5
  subway-6
  subway-7
  lirr-babylon
  lirr-city-terminal
  lirr-far-rockaway
  lirr-hempstead
  lirr-long-beach
  lirr-montauk
  lirr-oyster-bay
  lirr-port-jefferson
  lirr-port-washington
  lirr-ronkonkoma
  lirr-west-hempstead
  metro-north-harlem
  metro-north-hudson
  metro-north-new-haven
  metro-north-pascack-valley
  metro-north-port-jervis