/css/colors.css
https://github.com/ajanthanm/colors · CSS · 281 lines · 170 code · 84 blank · 27 comment · 0 complexity · 5567be56614a706529f4cda36cf61403 MD5 · raw file
- /***
- 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; }