Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Applied the branch CSS class at the correct level to apply to select2.

This commit is contained in:
Peter Fabian 2019-12-10 14:07:50 +01:00
parent c4a4ab429b
commit df21ad72b9
1 changed files with 33 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
assets/css/admin.scss
View File

@ -6818,50 +6818,47 @@ table.bar_chart {
/** /**
* Select2 colors for built-in admin color themes. * Select2 colors for built-in admin color themes.
*/ */
.branch-5-3 { .admin-color {
$wp_admin_colors: (
blue: #096484,
coffee: #c7a589,
ectoplasm: #a3b745,
midnight: #e14d43,
ocean: #9ebaa0,
sunrise: #dd823b,
light: #04a4cc
);
.admin-color { @each $name, $color in $wp_admin_colors {
$wp_admin_colors: (
blue: #096484,
coffee: #c7a589,
ectoplasm: #a3b745,
midnight: #e14d43,
ocean: #9ebaa0,
sunrise: #dd823b,
light: #04a4cc
);
@each $name, $color in $wp_admin_colors { &-#{$name}.branch-5-3 {
&-#{$name} { .select2-dropdown {
border-color: $color;
}
.select2-dropdown { .select2-dropdown--below {
border-color: $color; box-shadow: 0 0 0 1px $color, 0 2px 1px rgba(0, 0, 0, 0.1);
} }
.select2-dropdown--below { .select2-dropdown--above {
box-shadow: 0 0 0 1px $color, 0 2px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 1px $color, 0 -2px 1px rgba(0, 0, 0, 0.1);
} }
.select2-dropdown--above { .select2-selection--single .select2-selection__rendered:hover {
box-shadow: 0 0 0 1px $color, 0 -2px 1px rgba(0, 0, 0, 0.1); color: $color;
} }
.select2-selection--single .select2-selection__rendered:hover { .select2-container.select2-container--focus .select2-selection--single,
color: $color; .select2-container.select2-container--open .select2-selection--single,
} .select2-container.select2-container--open .select2-selection--multiple {
border-color: $color;
box-shadow: 0 0 0 1px $color;
}
.select2-container.select2-container--focus .select2-selection--single, .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container.select2-container--open .select2-selection--single, .select2-container--default .select2-results__option--highlighted[data-selected] {
.select2-container.select2-container--open .select2-selection--multiple { background-color: $color;
border-color: $color;
box-shadow: 0 0 0 1px $color;
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
background-color: $color;
}
} }
} }
} }