| author | Chloe Laisne <chloe.laisne@gmail.com> |
| Tue, 16 Aug 2016 00:16:08 +0200 | |
| changeset 254 | a7cf2887e993 |
| parent 224 | d284324358b2 |
| child 315 | e3217b6adea3 |
| permissions | -rw-r--r-- |
|
217
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
1 |
.toolbar-component { |
| 254 | 2 |
height: 40px; |
3 |
width: 100%; |
|
4 |
line-height: 40px; |
|
|
217
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
5 |
text-transform: none; |
|
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
6 |
padding: 0px 15px; |
|
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
7 |
text-align: left; |
|
224
d284324358b2
Remplace hexadecimal codes with sass variables
Chloe Laisne <chloe.laisne@gmail.com>
parents:
223
diff
changeset
|
8 |
color: $light-white; |
|
217
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
9 |
font-size: 13px; |
| 223 | 10 |
background-color: $dark-blue; |
|
217
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
11 |
} |
|
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
12 |
|
|
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
13 |
.toolbar-component ul { |
| 254 | 14 |
list-style: none; |
15 |
margin: 0; |
|
16 |
padding: 0; |
|
17 |
text-align: center; |
|
18 |
font-size: 0px; |
|
|
217
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
19 |
} |
|
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
20 |
|
|
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
21 |
.toolbar-component ul li { |
| 254 | 22 |
padding: 0 10px; |
23 |
display: inline-block; |
|
24 |
font-size: 12px; |
|
25 |
cursor: pointer; |
|
26 |
border-left: 1px solid transparent; |
|
|
217
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
27 |
} |
|
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
28 |
|
|
218
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
29 |
.toolbar-component ul li.active { |
| 254 | 30 |
border-left-color: $dark-blue; |
31 |
background-color: $light-white; |
|
32 |
color: $dark-blue; |
|
|
217
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
33 |
} |