PluginProbe
ElasticPress / 5.3.5
ElasticPress v5.3.5
5.3.5 5.3.4 3.6.5 3.6.6 4.0.0 4.0.1 4.1.0 4.2.0 4.2.1 4.2.2 4.3.0 4.3.1 4.4.0 4.4.1 4.5.0 4.5.1 4.5.2 4.6.0 4.6.1 4.7.0 4.7.1 4.7.2 5.0.0 5.0.1 5.0.2 All 108 releases
← All changes | assets/css/facets.css +17 -12 5.0.25.3.5 View file →
@@ -1,7 +1,7 @@
1 +@import "./global/colors.css";
2 +
1 3 :root {
2 - --ep-range-slider-background-color: #fff;
3 - --ep-range-slider-track-color: #eee;
4 4
5 5 @media ( min-width: 768px ) {
6 6 --ep-range-slider-thumb-size: 1.25em;
7 7 --ep-range-slider-track-size: 0.5em;
@@ -7,10 +7,13 @@
7 7 --ep-range-slider-track-size: 0.5em;
8 8 }
9 9 }
10 10
11 +/* stylelint-disable-next-line selector-class-pattern */
11 12 .widget_ep-facet,
12 -.wp-block-elasticpress-facet {
13 +.wp-block-elasticpress-facet,
14 +.wp-widget-elasticpress-facet,
15 +[class*="elementor-widget-wp-widget-ep-facet"] {
13 16
14 17 & input[type="search"] {
15 18 margin-bottom: 1rem;
16 19 }
@@ -72,15 +75,16 @@
72 75 position: relative;
73 76 }
74 77
75 78 & .term a:hover .ep-checkbox {
76 - background-color: #ccc;
79 + background-color: var(--ep-c-white-gray);
77 80 }
78 81 }
79 82
83 +/* stylelint-disable-next-line no-descending-specificity */
80 84 .ep-checkbox {
81 85 align-items: center;
82 - background-color: #eee;
86 + background-color: var(--ep-c-medium-white);
83 87 display: flex;
84 88 flex-shrink: 0;
85 89 height: 1em;
86 90 justify-content: center;
@@ -98,9 +102,9 @@
98 102 width: 0.25em;
99 103 }
100 104
101 105 .ep-checkbox.checked {
102 - background-color: #5e5e5e;
106 + background-color: var(--ep-c-medium-gray);
103 107 }
104 108
105 109 .ep-checkbox.checked::after {
106 110 display: block;
@@ -127,23 +131,23 @@
127 131 min-height: var(--ep-range-slider-thumb-size);
128 132 }
129 133
130 134 .ep-range-slider__track {
131 - background: var(--ep-range-slider-track-color);
135 + background: var(--ep-c-medium-white);
132 136 border-radius: calc(var(--ep-range-slider-track-size) / 2);
133 137 height: var(--ep-range-slider-track-size);
134 138 }
135 139
136 140 .ep-range-slider__track-1 {
137 - background-color: currentcolor; /* stylelint-disable-line scale-unlimited/declaration-strict-value */
141 + background-color: currentcolor;
138 142 }
139 143
140 144 .ep-range-slider__thumb {
141 - background-color: currentcolor; /* stylelint-disable-line scale-unlimited/declaration-strict-value */
145 + background-color: currentcolor;
142 146 border-radius: calc(var(--ep-range-slider-thumb-size) / 2);
143 147 box-shadow:
144 148 inset 0 0 0 calc(var(--ep-range-slider-thumb-size) / 10) currentcolor,
145 - inset 0 0 0 calc((var(--ep-range-slider-thumb-size) - var(--ep-range-slider-track-size)) / 2) var(--ep-range-slider-background-color);
149 + inset 0 0 0 calc((var(--ep-range-slider-thumb-size) - var(--ep-range-slider-track-size)) / 2) var(--ep-c-white);
146 150 height: var(--ep-range-slider-thumb-size);
147 151 width: var(--ep-range-slider-thumb-size);
148 152 }
149 153
@@ -154,9 +158,9 @@
154 158 display: flex;
155 159
156 160 & .ep-radio {
157 161 appearance: none;
158 - border: 1px solid #eee;
162 + border: 1px solid var(--ep-c-medium-white);
159 163 border-radius: 50%;
160 164 height: 1em;
161 165 margin-right: 0.25em;
162 166 outline: transparent;
@@ -164,10 +168,11 @@
164 168 width: 1em;
165 169
166 170 &:checked {
167 171 background-color: transparent;
168 - border: 5px solid #5e5e5e;
172 + border: 5px solid var(--ep-c-medium-gray);
169 173
174 + /* stylelint-disable-next-line max-nesting-depth */
170 175 &::after {
171 176 opacity: 0;
172 177 }
173 178 }