diff options
| author | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2017-10-04 15:42:16 +0200 |
|---|---|---|
| committer | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2017-10-04 15:42:30 +0200 |
| commit | 27a6bbcd8a3710b74e4e7f1a26d485a99c3c3a4b (patch) | |
| tree | d880226616aa1063dff120a230529d90d952e40c /core/css | |
| parent | a0d268d7a119b06eb317669f6949a2f48fb5447f (diff) | |
| download | nextcloud-server-27a6bbcd8a3710b74e4e7f1a26d485a99c3c3a4b.tar.gz nextcloud-server-27a6bbcd8a3710b74e4e7f1a26d485a99c3c3a4b.zip | |
White checkboxes variable
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Diffstat (limited to 'core/css')
| -rw-r--r-- | core/css/inputs.scss | 19 |
1 files changed, 10 insertions, 9 deletions
diff --git a/core/css/inputs.scss b/core/css/inputs.scss index 067f208e276..441827c9ae6 100644 --- a/core/css/inputs.scss +++ b/core/css/inputs.scss @@ -255,35 +255,36 @@ input { background-image: url('../img/actions/checkbox-mixed.svg'); } } + $color-checkbox-white: #fff; &.radio--white, &.checkbox--white { + label:before, &:focus + label:before { - border-color: darken(#fff, 27%); + border-color: darken($color-checkbox-white, 27%); } &:not(:disabled):not(:checked) + label:hover:before { - border-color: #fff; + border-color: $color-checkbox-white; } &:checked + label:before { box-shadow: inset 0px 0px 0px 2px $color-main-background; - background-color: darken(#fff, 14%); - border-color: darken(#fff, 14%); + background-color: darken($color-checkbox-white, 14%); + border-color: darken($color-checkbox-white, 14%); } &:disabled + label:before { - background-color: darken(#fff, 27%) !important; /* override other status */ - border-color: rgba(#fff, 0.4) !important; /* override other status */ + background-color: darken($color-checkbox-white, 27%) !important; /* override other status */ + border-color: rgba($color-checkbox-white, 0.4) !important; /* override other status */ } &:checked:disabled + label:before { box-shadow: inset 0px 0px 0px 2px $color-main-background; - border-color: rgba(#fff, 0.4) !important; /* override other status */ - background-color: darken(#fff, 27%); + border-color: rgba($color-checkbox-white, 0.4) !important; /* override other status */ + background-color: darken($color-checkbox-white, 27%); } } &.checkbox--white { &:checked + label:before, &:indeterminate + label:before { background-color: transparent !important; /* Override default checked */ - border-color: #fff !important; /* Override default checked */ + border-color: $color-checkbox-white !important; /* Override default checked */ background-image: url('../img/actions/checkbox-mark-white.svg'); } &:indeterminate + label:before { |