/*** colors.css v2.0.0 http://clrs.cc @mrmrs MIT License ***/ /* SKINS - Backgrounds - Colors - Border colors - SVG fills - SVG Strokes */ /* Backgrounds */ .bg-navy { background-color: #001F3F; } .bg-blue { background-color: #0074D9; } .bg-aqua { background-color: #7FDBFF; } .bg-teal { background-color: #39CCCC; } .bg-olive { background-color: #3D9970; } .bg-green { background-color: #2ECC40; } .bg-lime { background-color: #01FF70; } .bg-yellow { background-color: #FFDC00; } .bg-orange { background-color: #FF851B; } .bg-red { background-color: #FF4136; } .bg-fuchsia { background-color: #F012BE; } .bg-purple { background-color: #B10DC9; } .bg-maroon { background-color: #85144B; } .bg-white { background-color: #fff; } .bg-gray { background-color: #aaa; } .bg-silver { background-color: #ddd; } .bg-black { background-color: #111; } /* Colors */ .navy { color: #001F3F; } .blue { color: #0074D9; } .aqua { color: #7FDBFF; } .teal { color: #39CCCC; } .olive { color: #3D9970; } .green { color: #2ECC40; } .lime { color: #01FF70; } .yellow { color: #FFDC00; } .orange { color: #FF851B; } .red { color: #FF4136; } .fuchsia { color: #F012BE; } .purple { color: #B10DC9; } .maroon { color: #85144B; } .white { color: #fff; } .silver { color: #ddd; } .gray { color: #aaa; } .black { color: #111; } /* Border colors Use with another border utility that sets border-width and style i.e .border { border-width: 1px; border-style: solid; } */ .border--navy { border-color: #001F3F; } .border--blue { border-color: #0074D9; } .border--aqua { border-color: #7FDBFF; } .border--teal { border-color: #39CCCC; } .border--olive { border-color: #3D9970; } .border--green { border-color: #2ECC40; } .border--lime { border-color: #01FF70; } .border--yellow { border-color: #FFDC00; } .border--orange { border-color: #FF851B; } .border--red { border-color: #FF4136; } .border--fuchsia { border-color: #F012BE; } .border--purple { border-color: #B10DC9; } .border--maroon { border-color: #85144B; } .border--white { border-color: #fff; } .border--gray { border-color: #aaa; } .border--silver { border-color: #ddd; } .border--black { border-color: #111; } /* Fills for SVG */ .fill-navy { fill: #001F3F; } .fill-blue { fill: #0074D9; } .fill-aqua { fill: #7FDBFF; } .fill-teal { fill: #39CCCC; } .fill-olive { fill: #3D9970; } .fill-green { fill: #2ECC40; } .fill-lime { fill: #01FF70; } .fill-yellow { fill: #FFDC00; } .fill-orange { fill: #FF851B; } .fill-red { fill: #FF4136; } .fill-fuchsia { fill: #F012BE; } .fill-purple { fill: #B10DC9; } .fill-maroon { fill: #85144B; } .fill-white { fill: #fff; } .fill-gray { fill: #aaa; } .fill-silver { fill: #ddd; } .fill-black { fill: #111; } /* Strokes for SVG */ .stroke-navy { stroke: #001F3F; } .stroke-blue { stroke: #0074D9; } .stroke-aqua { stroke: #7FDBFF; } .stroke-teal { stroke: #39CCCC; } .stroke-olive { stroke: #3D9970; } .stroke-green { stroke: #2ECC40; } .stroke-lime { stroke: #01FF70; } .stroke-yellow { stroke: #FFDC00; } .stroke-orange { stroke: #FF851B; } .stroke-red { stroke: #FF4136; } .stroke-fuchsia { stroke: #F012BE; } .stroke-purple { stroke: #B10DC9; } .stroke-maroon { stroke: #85144B; } .stroke-white { stroke: #fff; } .stroke-gray { stroke: #aaa; } .stroke-silver { stroke: #ddd; } .stroke-black { stroke: #111; }