author | ymh <ymh.work@gmail.com> |
Wed, 28 Sep 2016 17:24:02 +0200 | |
changeset 306 | 3fccf43160a7 |
parent 292 | df030ddd4eca |
child 310 | b1f9bcfda379 |
permissions | -rw-r--r-- |
206
e038d5782d06
Discourses component: Modify label styles / Styling to SCSS / Cursor pointer
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
1 |
.discourses-component { |
e038d5782d06
Discourses component: Modify label styles / Styling to SCSS / Cursor pointer
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
2 |
position: relative; |
e038d5782d06
Discourses component: Modify label styles / Styling to SCSS / Cursor pointer
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
3 |
} |
e038d5782d06
Discourses component: Modify label styles / Styling to SCSS / Cursor pointer
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
4 |
|
292
df030ddd4eca
Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
5 |
.discourses-component .item { |
206
e038d5782d06
Discourses component: Modify label styles / Styling to SCSS / Cursor pointer
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
6 |
cursor: pointer; |
e038d5782d06
Discourses component: Modify label styles / Styling to SCSS / Cursor pointer
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
7 |
} |
e038d5782d06
Discourses component: Modify label styles / Styling to SCSS / Cursor pointer
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
8 |
|
292
df030ddd4eca
Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
9 |
.discourses-component .category { |
df030ddd4eca
Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
10 |
display: none; |
df030ddd4eca
Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
11 |
} |
df030ddd4eca
Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
12 |
|
df030ddd4eca
Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
13 |
.discourses-component .item { |
223 | 14 |
color: $dark-blue; |
206
e038d5782d06
Discourses component: Modify label styles / Styling to SCSS / Cursor pointer
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
15 |
text-align: center; |
e038d5782d06
Discourses component: Modify label styles / Styling to SCSS / Cursor pointer
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
16 |
font-size: 12px; |
e038d5782d06
Discourses component: Modify label styles / Styling to SCSS / Cursor pointer
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
17 |
position: absolute; |
292
df030ddd4eca
Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
18 |
display: inline-block; |
df030ddd4eca
Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
19 |
border-radius: 100%; |
df030ddd4eca
Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
20 |
border-width: 1px; |
df030ddd4eca
Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
21 |
border-style: solid; |
df030ddd4eca
Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
22 |
} |
df030ddd4eca
Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
23 |
|
df030ddd4eca
Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
24 |
.discourses-component .item::before { |
df030ddd4eca
Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
25 |
content: ''; |
df030ddd4eca
Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
26 |
display: block; |
df030ddd4eca
Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
27 |
width: 100%; |
df030ddd4eca
Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
28 |
height: 100%; |
df030ddd4eca
Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
29 |
position: absolute; |
265
5995d360e6ac
Discourse bubbles radius range + font size
Chloe Laisne <chloe.laisne@gmail.com>
parents:
223
diff
changeset
|
30 |
} |
5995d360e6ac
Discourse bubbles radius range + font size
Chloe Laisne <chloe.laisne@gmail.com>
parents:
223
diff
changeset
|
31 |
|
292
df030ddd4eca
Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
32 |
.discourses-component .item.selected { |
df030ddd4eca
Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
33 |
color: $light-blue; |
df030ddd4eca
Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
34 |
background-color: $medium-blue!important; |
df030ddd4eca
Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
35 |
border-color: $light-blue!important; |
df030ddd4eca
Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
36 |
} |
df030ddd4eca
Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
37 |
|
df030ddd4eca
Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
38 |
.discourses-component .item span { |
df030ddd4eca
Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
39 |
display: inline-block; |
df030ddd4eca
Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
40 |
text-align: center; |
df030ddd4eca
Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
41 |
} |
df030ddd4eca
Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
42 |
|
df030ddd4eca
Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
43 |
|
df030ddd4eca
Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
44 |
.discourses-component .item span .count { |
265
5995d360e6ac
Discourse bubbles radius range + font size
Chloe Laisne <chloe.laisne@gmail.com>
parents:
223
diff
changeset
|
45 |
font-weight: bold; |
5995d360e6ac
Discourse bubbles radius range + font size
Chloe Laisne <chloe.laisne@gmail.com>
parents:
223
diff
changeset
|
46 |
display: block; |
206
e038d5782d06
Discourses component: Modify label styles / Styling to SCSS / Cursor pointer
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
47 |
} |