diff --git a/services/web/public/stylesheets/components/progress-bars.less b/services/web/public/stylesheets/components/progress-bars.less index 062ec48df2..df841437c3 100755 --- a/services/web/public/stylesheets/components/progress-bars.less +++ b/services/web/public/stylesheets/components/progress-bars.less @@ -29,8 +29,8 @@ height: @line-height-computed; margin-bottom: @line-height-computed; background-color: @progress-bg; - border-radius: @border-radius-base; - border: 1px solid @progress-border-color; + border-radius: @progress-border-radius; + border: @progress-border-width solid @progress-border-color; .box-shadow(inset 0 1px 2px rgba(0,0,0,.1)); } @@ -44,7 +44,7 @@ color: @progress-bar-color; text-align: center; background-color: @progress-bar-bg; - .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15)); + .box-shadow(@progress-bar-shadow); .transition(width .6s ease); } diff --git a/services/web/public/stylesheets/core/_common-variables.less b/services/web/public/stylesheets/core/_common-variables.less index 644fe4c88e..c181bd4b07 100644 --- a/services/web/public/stylesheets/core/_common-variables.less +++ b/services/web/public/stylesheets/core/_common-variables.less @@ -854,6 +854,10 @@ @folders-tag-menu-hover: @gray-light; @folders-untagged-line-height: 1.7; +@progress-border-radius: @border-radius-base; +@progress-border-width: 1px; +@progress-bar-shadow: inset 0 -1px 0 rgba(0,0,0,.15); + @footer-link-color: @link-color; @footer-link-hover-color: @link-hover-color; @footer-bg-color: transparent; diff --git a/services/web/public/stylesheets/core/ol-variables.less b/services/web/public/stylesheets/core/ol-variables.less index 1595a46ede..9938b301bc 100644 --- a/services/web/public/stylesheets/core/ol-variables.less +++ b/services/web/public/stylesheets/core/ol-variables.less @@ -63,7 +63,7 @@ @btn-info-border : transparent; // Tags -@tag-border-radius : 999px; +@tag-border-radius : 9999px; @tag-bg-color : @ol-green; @tag-bg-hover-color : @ol-dark-green; @@ -137,6 +137,17 @@ @structured-list-border-color : @ol-blue-gray-1; @structured-list-hover-color : lighten(@ol-blue-gray-1, 5%); + +// Progress bars +@progress-border-radius : @line-height-computed; +@progress-border-width : 0; +@progress-bar-bg : @ol-blue-gray-4; +@progress-bar-success-bg : @ol-green; +@progress-bar-warning-bg : @brand-warning; +@progress-bar-danger-bg : @ol-red; +@progress-bar-info-bg : @ol-blue; +@progress-bar-shadow : none; + // Footer @footer-bg-color : #FFF; @footer-link-color : @ol-green;