diff --git a/src/definitions/modules/progress.less b/src/definitions/modules/progress.less index a597bd4d6..ea5230c53 100755 --- a/src/definitions/modules/progress.less +++ b/src/definitions/modules/progress.less @@ -42,6 +42,62 @@ margin: @lastMargin; } +/******************************* + Content +*******************************/ + +/* Activity Bar */ +.ui.progress .bar { + display: block; + line-height: 1; + position: @barPosition; + width: @barInitialWidth; + min-width: @barMinWidth; + background: @barBackground; + border-radius: @barBorderRadius; + transition: @barTransition; +} + +/* Percent Complete */ +.ui.progress .bar > .progress { + white-space: nowrap; + position: @progressPosition; + width: @progressWidth; + font-size: @progressSize; + top: @progressTop; + right: @progressRight; + left: @progressLeft; + bottom: @progressBottom; + color: @progressColor; + text-shadow: @progressTextShadow; + margin-top: @progressOffset; + font-weight: @progressFontWeight; + text-align: @progressTextAlign; +} + +/* Label */ +.ui.progress > .label { + position: absolute; + width: @labelWidth; + font-size: @labelSize; + top: @labelTop; + right: @labelRight; + left: @labelLeft; + bottom: @labelBottom; + color: @labelColor; + font-weight: @labelFontWeight; + text-shadow: @labelTextShadow; + margin-top: @labelOffset; + text-align: @labelTextAlign; + transition: @labelTransition; +} + + +/******************************* + Types +*******************************/ + + /* Indicating */ .ui.indicating.progress[data-percent^="1"] .bar, .ui.indicating.progress[data-percent^="2"] .bar { @@ -119,57 +175,6 @@ color: @successHeaderColor; } -/******************************* - Content -*******************************/ - -/* Activity Bar */ -.ui.progress .bar { - display: block; - line-height: 1; - position: @barPosition; - width: @barInitialWidth; - min-width: @barMinWidth; - background: @barBackground; - border-radius: @barBorderRadius; - transition: @barTransition; -} - -/* Percent Complete */ -.ui.progress .bar > .progress { - white-space: nowrap; - position: @progressPosition; - width: @progressWidth; - font-size: @progressSize; - top: @progressTop; - right: @progressRight; - left: @progressLeft; - bottom: @progressBottom; - color: @progressColor; - text-shadow: @progressTextShadow; - margin-top: @progressOffset; - font-weight: @progressFontWeight; - text-align: @progressTextAlign; -} - -/* Label */ -.ui.progress > .label { - position: absolute; - width: @labelWidth; - font-size: @labelSize; - top: @labelTop; - right: @labelRight; - left: @labelLeft; - bottom: @labelBottom; - color: @labelColor; - font-weight: @labelFontWeight; - text-shadow: @labelTextShadow; - margin-top: @labelOffset; - text-align: @labelTextAlign; - transition: @labelTransition; -} - - /******************************* States *******************************/ diff --git a/src/themes/default/modules/progress.variables b/src/themes/default/modules/progress.variables index 68e77fc82..2deff4ecd 100644 --- a/src/themes/default/modules/progress.variables +++ b/src/themes/default/modules/progress.variables @@ -11,7 +11,7 @@ @firstMargin: 0em 0em (@labelHeight + @verticalSpacing); @lastMargin: 0em 0em (@labelHeight); -@background: @transparentBlack; +@background: @strongTransparentBlack; @border: none; @boxShadow: none; @padding: 0em;