cms/app-client/app/styles/components/discourses-component.scss
author Chloe Laisne <chloe.laisne@gmail.com>
Mon, 26 Sep 2016 19:52:44 +0200
changeset 295 e1f154f20f96
parent 292 df030ddd4eca
child 310 b1f9bcfda379
permissions -rw-r--r--
Add selected state to treemap
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
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
2457942e7453 Colors to variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 206
diff changeset
    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
}