Permalink
Browse files

Add compiled css from new postcss build pipeline

  • Loading branch information...
1 parent 100a828 commit b0779668d122790636d444bfb25d118707fa90af @mrmrs committed Dec 26, 2015
Showing with 101 additions and 261 deletions.
  1. +99 −260 css/colors.css
  2. +2 −1 css/colors.min.css
View
@@ -1,11 +1,18 @@
-/***
+/*
+
+ COLORS
+ Better default colors for the web
+
+*/
+/*
+
+ VARIABLES
- colors.css v2.0.0
- http://clrs.cc
- @mrmrs
- MIT License
+ - Cool
+ - Warm
+ - Gray Scale
-***/
+*/
/*
SKINS
@@ -17,265 +24,97 @@
*/
/* 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; }
-
+.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: #FFFFFF; }
+.bg-gray { background-color: #AAAAAA; }
+.bg-silver { background-color: #DDDDDD; }
+.bg-black { background-color: #111111; }
/* 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; }
-
+.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: #FFFFFF; }
+.silver { color: #DDDDDD; }
+.gray { color: #AAAAAA; }
+.black { color: #111111; }
/* Border colors
Use with another border utility that sets border-width and style
- i.e .border { border-width: 1px; border-style: solid; }
+ 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; }
-
+.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: #FFFFFF; }
+.border--gray { border-color: #AAAAAA; }
+.border--silver { border-color: #DDDDDD; }
+.border--black { border-color: #111111; }
/* 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; }
-
+.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: #FFFFFF; }
+.fill-gray { fill: #AAAAAA; }
+.fill-silver { fill: #DDDDDD; }
+.fill-black { fill: #111111; }
/* 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-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: #FFFFFF; }
+.stroke-gray { stroke: #AAAAAA; }
+.stroke-silver { stroke: #DDDDDD; }
+.stroke-black { stroke: #111111; }
-.stroke-black {
- stroke: #111; }
View
@@ -1 +1,2 @@
-.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}.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--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}.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}.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}
+.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}.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--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}.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}.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}
+

0 comments on commit b077966

Please sign in to comment.