/stylus/skins.styl

  1/* ==========================================================================
  2   SKINS
  3
  4   - Backgrounds
  5   - Colors
  6   - Border colors
  7   - SVG fills
  8   - SVG strokes
  9
 10   ========================================================================== */
 11
 12/* Backgrounds */
 13
 14.bg-navy {    background-color: navy; }
 15.bg-blue {    background-color: blue; }
 16.bg-aqua {    background-color: aqua; }
 17.bg-teal {    background-color: teal; }
 18.bg-olive {   background-color: olive; }
 19.bg-green {   background-color: green; }
 20.bg-lime {    background-color: lime; }
 21.bg-yellow {  background-color: yellow; }
 22.bg-orange {  background-color: orange; }
 23.bg-red {     background-color: red; }
 24.bg-fuchsia { background-color: fuchsia; }
 25.bg-purple {  background-color: purple; }
 26.bg-maroon {  background-color: maroon; }
 27.bg-white {   background-color: white; }
 28.bg-gray {    background-color: gray; }
 29.bg-silver {  background-color: silver; }
 30.bg-black {   background-color: black; }
 31
 32/* Colors */
 33
 34.navy {       color: navy; }
 35.blue {       color: blue; }
 36.aqua {       color: aqua; }
 37.teal {       color: teal; }
 38.olive {      color: olive; }
 39.green {      color: green; }
 40.lime {       color: lime; }
 41.yellow {     color: yellow; }
 42.orange {     color: orange; }
 43.red {        color: red; }
 44.fuchsia {    color: fuchsia; }
 45.purple {     color: purple; }
 46.maroon {     color: maroon; }
 47.white {      color: white; }
 48.silver {     color: silver; }
 49.gray {       color: gray; }
 50.black {      color: black; }
 51
 52/* Border colors 
 53
 54   Use with another border utility that sets border-width and style 
 55   i.e .border { border-width: 1px; border-style: solid; }     
 56*/
 57
 58.border--navy {    border-color: navy; }
 59.border--blue {    border-color: blue; }
 60.border--aqua {    border-color: aqua; }
 61.border--teal {    border-color: teal; }
 62.border--olive {   border-color: olive; }
 63.border--green {   border-color: green; }
 64.border--lime {    border-color: lime; }
 65.border--yellow {  border-color: yellow; }
 66.border--orange {  border-color: orange; }
 67.border--red {     border-color: red; }
 68.border--fuchsia { border-color: fuchsia; }
 69.border--purple {  border-color: purple; }
 70.border--maroon {  border-color: maroon; }
 71.border--white {   border-color: white; }
 72.border--gray {    border-color: gray; }
 73.border--silver {  border-color: silver; }
 74.border--black {   border-color: black; }
 75
 76/* Fills for SVG */
 77
 78.fill-navy {    fill: navy; }
 79.fill-blue {    fill: blue; }
 80.fill-aqua {    fill: aqua; }
 81.fill-teal {    fill: teal; }
 82.fill-olive {   fill: olive; }
 83.fill-green {   fill: green; }
 84.fill-lime {    fill: lime; }
 85.fill-yellow {  fill: yellow; }
 86.fill-orange {  fill: orange; }
 87.fill-red {     fill: red; }
 88.fill-fuchsia { fill: fuchsia; }
 89.fill-purple {  fill: purple; }
 90.fill-maroon {  fill: maroon; }
 91.fill-white {   fill: white; }
 92.fill-gray {    fill: gray; }
 93.fill-silver {  fill: silver; }
 94.fill-black {   fill: black; }
 95
 96/* Strokes for SVG */
 97
 98.strokes-navy {    stroke: navy; }
 99.strokes-blue {    stroke: blue; }
100.strokes-aqua {    stroke: aqua; }
101.strokes-teal {    stroke: teal; }
102.strokes-olive {   stroke: olive; }
103.strokes-green {   stroke: green; }
104.strokes-lime {    stroke: lime; }
105.strokes-yellow {  stroke: yellow; }
106.strokes-orange {  stroke: orange; }
107.strokes-red {     stroke: red; }
108.strokes-fuchsia { stroke: fuchsia; }
109.strokes-purple {  stroke: purple; }
110.strokes-maroon {  stroke: maroon; }
111.strokes-white {   stroke: white; }
112.strokes-gray {    stroke: gray; }
113.strokes-silver {  stroke: silver; }
114.strokes-black {   stroke: black; }
115