Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-07-25 20:44:38 +04:00
Code Issues Projects Releases Wiki Activity

colorinput dark fix

Browse Source
This commit is contained in:
codecalm
2020-01-22 19:44:22 +01:00
parent 58f2d74bc9
commit f3e080cdc7
6 changed files with 33 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scss/_variables.scss
+4
View File
@@ -388,6 +388,10 @@ $form-check-input-border: 1px solid $border-color !default;
$form-check-input-border-radius: $border-radius !default;
$form-check-input-checked-bg-size: .8rem !default;
$form-check-input-checked-color: $white !default;
$form-check-input-checked-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$form-check-input-checked-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/></svg>") !default;
$form-check-input-checked-bg-image-dark: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$dark}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/></svg>") !default;
$form-check-input-checked-border-color: $border-color !default;
$form-select-indicator-color: opacify($border-color, .24) !default;
scss/ui/forms/_form-colorinput.scss
+7 -1
View File
@@ -24,7 +24,7 @@ Color Input
border-radius: 3px;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
&::before {
&:before {
position: absolute;
top: 0;
left: 0;
@@ -45,5 +45,11 @@ Color Input
border-color: $primary;
box-shadow: $input-btn-focus-box-shadow;
}
.form-colorinput-light & {
&:before {
background-image: escape-svg($form-check-input-checked-bg-image-dark);
}
}
}