Skip to content

Commit 57c8c65

Browse files
committed
feat(theme): Move all default css rules to default.css
We can now easily spot in `default.css` which widget are not yet BEMified (yeah, that's a verb now).
1 parent 8f28e41 commit 57c8c65

File tree

5 files changed

+126
-136
lines changed

5 files changed

+126
-136
lines changed

components/Pagination/pagination.css

Lines changed: 0 additions & 19 deletions
This file was deleted.

components/Slider/slider.css

Lines changed: 0 additions & 100 deletions
This file was deleted.

components/Stats/stats.css

Lines changed: 0 additions & 5 deletions
This file was deleted.

themes/default/default.css

Lines changed: 126 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,11 @@
2525
}
2626

2727
/* STATS */
28+
.ais-stats {
29+
}
30+
.ais-stats--time {
31+
font-size: small;
32+
}
2833

2934
/* INDEX SELECTOR */
3035
.ais-index-selector {
@@ -35,8 +40,39 @@
3540
/* HITS */
3641

3742
/* PAGINATION */
43+
.ais-pagination {
44+
}
45+
.ais-pagination--item {
46+
}
47+
.ais-pagination--item__disabled {
48+
visibility: hidden;
49+
}
50+
.ais-pagination--item-first {
51+
}
52+
.ais-pagination--item-previous {
53+
}
54+
.ais-pagination--item-page {
55+
}
56+
.ais-pagination--item-page__active {
57+
}
58+
.ais-pagination--item-next {
59+
}
60+
.ais-pagination--item-last {
61+
}
3862

3963
/* REFINEMENT LIST */
64+
.ais-refinement-list--list {
65+
}
66+
.ais-refinement-list--item {
67+
}
68+
.ais-refinement-list--item__active {
69+
}
70+
.ais-refinement-list--label {
71+
}
72+
.ais-refinement-list--checkbox {
73+
}
74+
.ais-refinement-list--count {
75+
}
4076

4177
/* MENU */
4278

@@ -45,4 +81,94 @@
4581
/* HIERARCHICAL MENU */
4682

4783
/* RANGE SLIDER */
84+
.ais-range-slider--target,
85+
.ais-range-slider--target * {
86+
box-sizing: border-box;
87+
}
88+
.ais-range-slider--target {
89+
position: relative;
90+
direction: ltr;
91+
background: #f3f4f7;
92+
height: 18px;
93+
}
94+
.ais-range-slider--base {
95+
width: 100%;
96+
height: 100%;
97+
position: relative;
98+
z-index: 1; /* Fix 401 */
99+
}
100+
.ais-range-slider--origin {
101+
position: absolute;
102+
right: 0;
103+
top: 0;
104+
left: 0;
105+
bottom: 0;
106+
}
107+
.ais-range-slider--state-tap .ais-range-slider--origin {
108+
transition: left .3s, top .3s;
109+
}
110+
.ais-range-slider--state-drag * {
111+
cursor: inherit !important;
112+
}
113+
114+
/* Painting and performance;
115+
* Browsers can paint handles in their own layer.
116+
*/
117+
.ais-range-slider--base {
118+
transform: translate3d(0, 0, 0);
119+
}
120+
121+
.ais-range-slider--connect {
122+
background: #46aeda;
123+
transition: background 450ms;
124+
}
125+
126+
.ais-range-slider--background {
127+
background: #f3f4f7;
128+
}
129+
130+
.ais-range-slider--handle {
131+
width: 1px;
132+
height: 28px;
133+
position: relative;
134+
z-index: 1;
135+
background: #8191b1;
136+
cursor: pointer;
137+
}
138+
139+
.ais-range-slider--handle-lower {
140+
bottom: 10px;
141+
}
48142

143+
.ais-range-slider--active {
144+
background: #1f3b5d;
145+
}
146+
147+
.ais-range-slider--tooltip {
148+
position: absolute;
149+
color: #1f3b5d;
150+
border: 1px solid #8191b1;
151+
background: #ffffff;
152+
padding: 2px 3px;
153+
}
154+
155+
.ais-range-slider--handle:hover {
156+
background: #1f3b5d;
157+
}
158+
159+
.ais-range-slider--active .ais-range-slider--tooltip, .ais-range-slider--handle:hover .ais-range-slider--tooltip {
160+
background: #46aeda;
161+
color: #ffffff;
162+
border-color: #1f3b5d;
163+
}
164+
165+
.ais-range-slider--handle-lower .ais-range-slider--tooltip {
166+
border-radius: 5px 5px 5px 0;
167+
top: -24px;
168+
}
169+
170+
.ais-range-slider--handle-upper .ais-range-slider--tooltip {
171+
bottom: -24px;
172+
border-radius: 5px 0 5px 5px;
173+
right: 0;
174+
}

widgets/refinement-list/refinement-list.css

Lines changed: 0 additions & 12 deletions
This file was deleted.

0 commit comments

Comments
 (0)