Fix progress for webkit. Add dark-color for section-secondary.
This commit is contained in:
parent
51ac1b254b
commit
540b397061
|
@ -3,7 +3,8 @@
|
||||||
@primary-dark-color: #1F2379;
|
@primary-dark-color: #1F2379;
|
||||||
@secondary-color: #3086ED;
|
@secondary-color: #3086ED;
|
||||||
|
|
||||||
@dark-color: #000000;
|
@black-color: #000000;
|
||||||
|
@dark-color: #1a1a1a;
|
||||||
@grey-color: #2C2C2C;
|
@grey-color: #2C2C2C;
|
||||||
@placeholder-color: #6e6e6e;
|
@placeholder-color: #6e6e6e;
|
||||||
@disable-color: #B3B3B3;
|
@disable-color: #B3B3B3;
|
||||||
|
|
|
@ -18,6 +18,7 @@
|
||||||
|
|
||||||
.hook-progress-bar() {
|
.hook-progress-bar() {
|
||||||
border-radius: @progress-border-radius;
|
border-radius: @progress-border-radius;
|
||||||
|
transition: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hook-progress-misc() {
|
.hook-progress-misc() {
|
||||||
|
@ -46,7 +47,11 @@
|
||||||
background-color: @inverse-progress-background;
|
background-color: @inverse-progress-background;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uk-progress::-webkit-progress-value, .uk-progress::-moz-progress-bar {
|
.uk-progress::-moz-progress-bar {
|
||||||
|
background-color: @inverse-progress-bar-background;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uk-progress::-webkit-progress-value {
|
||||||
background-color: @inverse-progress-bar-background;
|
background-color: @inverse-progress-bar-background;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -2,4 +2,4 @@
|
||||||
@section-primary-background: @global-primary-gradient;
|
@section-primary-background: @global-primary-gradient;
|
||||||
|
|
||||||
/** Secondary*/
|
/** Secondary*/
|
||||||
@section-secondary-background: @global-color;
|
@section-secondary-background: @black-color;
|
||||||
|
|
|
@ -12,13 +12,13 @@
|
||||||
|
|
||||||
/** Colors */
|
/** Colors */
|
||||||
@global-color: @grey-color;
|
@global-color: @grey-color;
|
||||||
@global-emphasis-color: @dark-color;
|
@global-emphasis-color: @black-color;
|
||||||
@global-inverse-color: @light-color;
|
@global-inverse-color: @light-color;
|
||||||
@global-link-color: @info-color;
|
@global-link-color: @info-color;
|
||||||
@global-muted-color: @disable-color;
|
@global-muted-color: @disable-color;
|
||||||
@global-meta-color: @placeholder-color;
|
@global-meta-color: @placeholder-color;
|
||||||
@global-link-hover-color: @secondary-color;
|
@global-link-hover-color: @secondary-color;
|
||||||
@global-overlay-background: fade(@dark-color, 60%);
|
@global-overlay-background: fade(@black-color, 60%);
|
||||||
|
|
||||||
/** Backgrounds */
|
/** Backgrounds */
|
||||||
@global-background: @default-color;
|
@global-background: @default-color;
|
||||||
|
@ -26,6 +26,7 @@
|
||||||
@global-muted-background: @muted-color;
|
@global-muted-background: @muted-color;
|
||||||
@global-primary-background: @primary-color;
|
@global-primary-background: @primary-color;
|
||||||
@global-secondary-background: @secondary-color;
|
@global-secondary-background: @secondary-color;
|
||||||
|
@global-dark-background: @dark-color;
|
||||||
@global-success-background: @success-color;
|
@global-success-background: @success-color;
|
||||||
@global-warning-background: @warning-color;
|
@global-warning-background: @warning-color;
|
||||||
@global-primary-gradient: linear-gradient(51deg, @primary-light-color 0%, @primary-dark-color 100%);
|
@global-primary-gradient: linear-gradient(51deg, @primary-light-color 0%, @primary-dark-color 100%);
|
||||||
|
|
Loading…
Reference in New Issue