Allows customizer to override color variables on filter list.

This commit is contained in:
mateuswetah 2018-08-28 14:42:38 -03:00
parent bc33834efa
commit 863525f86b
1 changed files with 23 additions and 23 deletions

View File

@ -554,25 +554,25 @@ function tainacan_get_color_scheme_css( $colors ) {
* Plugin Tainacan
*/
/* Dropdown Arrow */
#items-list-area .dropdown .dropdown-trigger .button .icon,
#items-list-area .autocomplete .dropdown-trigger .button .icon {
.theme-items-list .dropdown .dropdown-trigger .button .icon,
.theme-items-list .autocomplete .dropdown-trigger .button .icon {
color: {$colors['link_color']};
}
/* Dropdown Active Item (for normal dropdown, autocomplete, taginput, etc... */
#items-list-area .dropdown .dropdown-menu .dropdown-content .dropdown-item.is-active,
#items-list-area .dropdown .dropdown-menu .dropdown-content .has-link a.is-active,
#items-list-area .dropdown .dropdown-menu .has-link .dropdown-content a.is-active,
#items-list-area .autocomplete .dropdown-menu .dropdown-content .dropdown-item.is-active,
#items-list-area .autocomplete .dropdown .dropdown-menu .dropdown-content .has-link a.is-active,
#items-list-area .dropdown .autocomplete .dropdown-menu .dropdown-content .has-link a.is-active,
#items-list-area .autocomplete .dropdown .dropdown-menu .has-link .dropdown-content a.is-active,
#items-list-area .dropdown .autocomplete .dropdown-menu .has-link .dropdown-content a.is-active {
.theme-items-list .dropdown .dropdown-menu .dropdown-content .dropdown-item.is-active,
.theme-items-list .dropdown .dropdown-menu .dropdown-content .has-link a.is-active,
.theme-items-list .dropdown .dropdown-menu .has-link .dropdown-content a.is-active,
.theme-items-list .autocomplete .dropdown-menu .dropdown-content .dropdown-item.is-active,
.theme-items-list .autocomplete .dropdown .dropdown-menu .dropdown-content .has-link a.is-active,
.theme-items-list .dropdown .autocomplete .dropdown-menu .dropdown-content .has-link a.is-active,
.theme-items-list .autocomplete .dropdown .dropdown-menu .has-link .dropdown-content a.is-active,
.theme-items-list .dropdown .autocomplete .dropdown-menu .has-link .dropdown-content a.is-active {
background-color: {$colors['backtransparent']};
}
/* Select Arrow */
#items-list-area .select:not(.is-loading)::after {
.theme-items-list .select:not(.is-loading)::after {
color: {$colors['link_color']} !important;
}
@ -590,38 +590,38 @@ function tainacan_get_color_scheme_css( $colors ) {
}
/* Colored text */
#items-list-area .has-text-secondary {
.theme-items-list .has-text-secondary {
color: {$colors['link_color']} !important;
}
/* Pagination icons and links */
#items-list-area .pagination-area .pagination .pagination-link,
#items-list-area .pagination-area .pagination .pagination-previous,
#items-list-area .pagination-area .pagination .pagination-next {
.theme-items-list .pagination-area .pagination .pagination-link,
.theme-items-list .pagination-area .pagination .pagination-previous,
.theme-items-list .pagination-area .pagination .pagination-next {
color: {$colors['link_color']} !important;
}
/* Outline Button */
#items-list-area .button.is-outlined {
.theme-items-list .button.is-outlined {
color: {$colors['link_color']} !important;
}
/* Colored Button */
#items-list-area .button.is-secondary,
#items-list-area .button.is-secondary:hover,
#items-list-area .button.is-secondary:focus {
.theme-items-list .button.is-secondary,
.theme-items-list .button.is-secondary:hover,
.theme-items-list .button.is-secondary:focus {
background: {$colors['link_color']} !important;
}
/* Checkbox modal on finder columns */
#items-list-area .tainacan-li-checkbox-last-active,
#items-list-area .tainacan-li-checkbox-parent-active {
.theme-items-list .tainacan-li-checkbox-last-active,
.theme-items-list .tainacan-li-checkbox-parent-active {
background-color: {$colors['backtransparent']};
}
/* Line above section titles */
#items-list-area .tainacan-modal-title hr,
#items-list-area .advanced-search-criteria-title hr {
.theme-items-list .tainacan-modal-title hr,
.theme-items-list .advanced-search-criteria-title hr {
background-color: {$colors['link_color']};
}