Skip to content

Commit 0907119

Browse files
spaceokasperbirch1
authored andcommitted
Move facet line styling to separate sass file
1 parent 075def9 commit 0907119

File tree

3 files changed

+38
-39
lines changed

3 files changed

+38
-39
lines changed

base.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -74,6 +74,7 @@
7474
@import "./src/stories/Library/search-result-page/result-pager";
7575
@import "./src/stories/Library/search-result-page/search-result-title";
7676
@import "./src/stories/Library/search-result-page/search-result-zero";
77+
@import "./src/stories/Library/search-result-page/facet-line";
7778
@import "./src/stories/Library/review/review";
7879
@import "./src/stories/Library/shadows/shadows";
7980
@import "./src/stories/Library/boxed-text/boxed-text";
@@ -82,7 +83,6 @@
8283
@import "./src/stories/Library/campaign/campaign";
8384
@import "./src/stories/Library/Modals/modal-infomedia/infomedia";
8485

85-
8686
// Blocks
8787
@import "./src/stories/Blocks/footer/footer";
8888
@import "./src/stories/Blocks/header/header";
Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
.facet-line {
2+
&__item {
3+
display: inline-block;
4+
@extend %mr-8;
5+
@extend %mt-8;
6+
7+
.dropdown__select {
8+
@extend %text-tags;
9+
height: 100%;
10+
padding: 8px 16px;
11+
min-width: 200px;
12+
}
13+
.dropdown__arrows {
14+
height: 100%;
15+
}
16+
}
17+
}
18+
19+
.facet-line-selected {
20+
@extend %mt-16;
21+
22+
&__item {
23+
display: inline-block;
24+
@extend %mr-8;
25+
@extend %mt-8;
26+
27+
.dropdown__select {
28+
@extend %text-tags;
29+
height: 100%;
30+
padding: 8px 16px;
31+
min-width: 100px;
32+
}
33+
.dropdown__arrows {
34+
height: 100%;
35+
}
36+
}
37+
}

src/stories/Library/search-result-page/search-result-page.scss

Lines changed: 0 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -11,41 +11,3 @@
1111
gap: 16px;
1212
}
1313
}
14-
15-
.facet-line {
16-
&__item {
17-
display: inline-block;
18-
@extend %mr-8;
19-
@extend %mt-8;
20-
21-
.dropdown__select {
22-
@extend %text-tags;
23-
height: 100%;
24-
padding: 8px 16px;
25-
min-width: 200px;
26-
}
27-
.dropdown__arrows {
28-
height: 100%;
29-
}
30-
}
31-
}
32-
33-
.facet-line-selected {
34-
@extend %mt-16;
35-
36-
&__item {
37-
display: inline-block;
38-
@extend %mr-8;
39-
@extend %mt-8;
40-
41-
.dropdown__select {
42-
@extend %text-tags;
43-
height: 100%;
44-
padding: 8px 16px;
45-
min-width: 100px;
46-
}
47-
.dropdown__arrows {
48-
height: 100%;
49-
}
50-
}
51-
}

0 commit comments

Comments
 (0)