From 9d26b8466fb09240689ae6fe618b870dd9ff47ea Mon Sep 17 00:00:00 2001 From: jlukic Date: Fri, 22 May 2015 17:46:25 -0400 Subject: [PATCH] Adds new color values for progress bars #2280 --- src/definitions/modules/progress.less | 98 +++++++++++++++++++-------- 1 file changed, 69 insertions(+), 29 deletions(-) diff --git a/src/definitions/modules/progress.less b/src/definitions/modules/progress.less index 477b46a19..cb9c9dcbe 100755 --- a/src/definitions/modules/progress.less +++ b/src/definitions/modules/progress.less @@ -358,60 +358,100 @@ Colors ---------------*/ -.ui.black.progress .bar { - background-color: @black; -} -.ui.blue.progress .bar { - background-color: @blue; +/* Red */ +.ui.red.progress .bar { + background-color: @red; } -.ui.green.progress .bar { - background-color: @green; +.ui.red.inverted.progress .bar { + background-color: @lightRed; } + +/* Orange */ .ui.orange.progress .bar { background-color: @orange; } -.ui.pink.progress .bar { - background-color: @pink; +.ui.orange.inverted.progress .bar { + background-color: @lightOrange; } -.ui.purple.progress .bar { - background-color: @purple; + +/* Yellow */ +.ui.yellow.progress .bar { + background-color: @yellow; } -.ui.red.progress .bar { - background-color: @red; +.ui.yellow.inverted.progress .bar { + background-color: @lightYellow; +} + +/* Green */ +.ui.green.progress .bar { + background-color: @green; } +.ui.green.inverted.progress .bar { + background-color: @lightGreen; +} + +/* Teal */ .ui.teal.progress .bar { background-color: @teal; } -.ui.yellow.progress .bar { - background-color: @yellow; +.ui.teal.inverted.progress .bar { + background-color: @lightTeal; } -.ui.black.inverted.progress .bar { - background-color: @lightBlack; +/* Blue */ +.ui.blue.progress .bar { + background-color: @blue; } .ui.blue.inverted.progress .bar { background-color: @lightBlue; } -.ui.green.inverted.progress .bar { - background-color: @lightGreen; + +/* Violet */ +.ui.violet.progress .bar { + background-color: @violet; } -.ui.orange.inverted.progress .bar { - background-color: @lightOrange; +.ui.violet.inverted.progress .bar { + background-color: @lightViolet; } -.ui.pink.inverted.progress .bar { - background-color: @lightPink; + +/* Purple */ +.ui.purple.progress .bar { + background-color: @purple; } .ui.purple.inverted.progress .bar { background-color: @lightPurple; } -.ui.red.inverted.progress .bar { - background-color: @lightRed; + +/* Pink */ +.ui.pink.progress .bar { + background-color: @pink; } -.ui.teal.inverted.progress .bar { - background-color: @lightTeal; +.ui.pink.inverted.progress .bar { + background-color: @lightPink; } -.ui.yellow.inverted.progress .bar { - background-color: @lightYellow; + +/* Brown */ +.ui.brown.progress .bar { + background-color: @brown; +} +.ui.brown.inverted.progress .bar { + background-color: @lightBrown; +} + +/* Grey */ +.ui.grey.progress .bar { + background-color: @grey; +} +.ui.grey.inverted.progress .bar { + background-color: @lightGrey; +} + +/* Black */ +.ui.black.progress .bar { + background-color: @black; +} +.ui.black.inverted.progress .bar { + background-color: @lightBlack; } /*--------------