author | Chloe Laisne <chloe.laisne@gmail.com> |
Fri, 23 Sep 2016 21:44:56 +0200 | |
changeset 286 | 57762c0b601e |
parent 269 | 9659e91242e1 |
child 288 | f2b77873a156 |
permissions | -rw-r--r-- |
223 | 1 |
$dark-blue: #13212d; |
246
5b7ae96768be
Bsic transcript-component design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
244
diff
changeset
|
2 |
$grey-blue: #71848d; |
224
d284324358b2
Remplace hexadecimal codes with sass variables
Chloe Laisne <chloe.laisne@gmail.com>
parents:
223
diff
changeset
|
3 |
$medium-blue: #253946; |
d284324358b2
Remplace hexadecimal codes with sass variables
Chloe Laisne <chloe.laisne@gmail.com>
parents:
223
diff
changeset
|
4 |
$light-blue: #becfd4; |
225 | 5 |
$blue: #2faddd; |
228
a2497a2b6224
Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
226
diff
changeset
|
6 |
$light-grey: #878e94; |
225 | 7 |
$medium-grey: #71848d; |
248
256272c33349
Transcript sentence lick and play
Chloe Laisne <chloe.laisne@gmail.com>
parents:
246
diff
changeset
|
8 |
$medium-grey-5: rgba(113,132,141,.2); |
225 | 9 |
$dark-grey: #59626b; |
10 |
$medium-white: #f5f5f5; |
|
224
d284324358b2
Remplace hexadecimal codes with sass variables
Chloe Laisne <chloe.laisne@gmail.com>
parents:
223
diff
changeset
|
11 |
$light-white: #fbfbfb; |
223 | 12 |
|
255
ed05b89e3299
Add words to transcript
Chloe Laisne <chloe.laisne@gmail.com>
parents:
254
diff
changeset
|
13 |
$content-height: 600px; |
ed05b89e3299
Add words to transcript
Chloe Laisne <chloe.laisne@gmail.com>
parents:
254
diff
changeset
|
14 |
|
225 | 15 |
|
196 | 16 |
body { |
225 | 17 |
background-color: $medium-white; |
196 | 18 |
} |
19 |
||
222
0eba8101b129
Add fields to sparse-document
Chloe Laisne <chloe.laisne@gmail.com>
parents:
219
diff
changeset
|
20 |
button { |
0eba8101b129
Add fields to sparse-document
Chloe Laisne <chloe.laisne@gmail.com>
parents:
219
diff
changeset
|
21 |
font-family: sans-serif; |
0eba8101b129
Add fields to sparse-document
Chloe Laisne <chloe.laisne@gmail.com>
parents:
219
diff
changeset
|
22 |
} |
0eba8101b129
Add fields to sparse-document
Chloe Laisne <chloe.laisne@gmail.com>
parents:
219
diff
changeset
|
23 |
|
228
a2497a2b6224
Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
226
diff
changeset
|
24 |
button:focus { |
a2497a2b6224
Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
226
diff
changeset
|
25 |
outline:0; |
a2497a2b6224
Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
226
diff
changeset
|
26 |
} |
a2497a2b6224
Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
226
diff
changeset
|
27 |
|
193
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
28 |
#corpus-app { |
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
29 |
font-family: sans-serif; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
30 |
font-size: 12px; |
193
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
31 |
} |
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
32 |
|
5
d4b3da0dadc9
init ember app with 2 pages and an images
nowmad@23.1.168.192.in-addr.arpa
parents:
diff
changeset
|
33 |
#corpus-app { |
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
34 |
border: 1px solid; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
35 |
width: 1108px; |
200
a441c40f9c5e
Fix playlist filtering
Chloe Laisne <chloe.laisne@gmail.com>
parents:
196
diff
changeset
|
36 |
overflow: hidden; |
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
37 |
display: block; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
38 |
margin-left: auto; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
39 |
margin-right: auto; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
40 |
margin-bottom: 10px; |
44 | 41 |
|
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
42 |
@import 'tabs/chrono'; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
43 |
@import 'tabs/langues'; |
254 | 44 |
} |
186
36e5a67656e6
Basic thematiques styling
Chloe Laisne <chloe.laisne@gmail.com>
parents:
98
diff
changeset
|
45 |
|
254 | 46 |
@import 'components/sorting-component'; |
47 |
@import 'components/filtering-component'; |
|
48 |
@import 'components/filter-component'; |
|
49 |
@import 'components/playlist-component'; |
|
50 |
@import 'components/discourses-component'; |
|
51 |
@import 'components/player-component'; |
|
52 |
@import 'components/toolbar-component'; |
|
53 |
@import 'components/notice-component'; |
|
54 |
@import 'components/transcript-component'; |
|
210 | 55 |
|
186
36e5a67656e6
Basic thematiques styling
Chloe Laisne <chloe.laisne@gmail.com>
parents:
98
diff
changeset
|
56 |
|
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
57 |
h1, h2, h3, h4, h5, h6 { |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
58 |
margin: 0; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
59 |
padding: 0; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
60 |
font-weight: normal; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
61 |
font-size: inherit; |
193
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
62 |
} |
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
63 |
|
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
64 |
h2 { |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
65 |
text-transform: uppercase; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
66 |
text-align: center; |
193
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
67 |
} |
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
68 |
|
269
9659e91242e1
Add subjects to notice + Background color two notice type + Remove empty notice fields
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
69 |
.corpus-app-modal .notice-component { |
9659e91242e1
Add subjects to notice + Background color two notice type + Remove empty notice fields
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
70 |
background-color: inherit; |
217
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
216
diff
changeset
|
71 |
} |
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
216
diff
changeset
|
72 |
|
193
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
73 |
.corpus-app-container { |
235
51acae6af8a3
Switch to white background
Chloe Laisne <chloe.laisne@gmail.com>
parents:
228
diff
changeset
|
74 |
color: $dark-grey; |
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
75 |
box-sizing: border-box; |
235
51acae6af8a3
Switch to white background
Chloe Laisne <chloe.laisne@gmail.com>
parents:
228
diff
changeset
|
76 |
background-color: $medium-white; |
216
c174124d1849
/discours and /chrono design changes
Chloe Laisne <chloe.laisne@gmail.com>
parents:
214
diff
changeset
|
77 |
} |
c174124d1849
/discours and /chrono design changes
Chloe Laisne <chloe.laisne@gmail.com>
parents:
214
diff
changeset
|
78 |
|
254 | 79 |
body.videoscreen .corpus-app-container { |
255
ed05b89e3299
Add words to transcript
Chloe Laisne <chloe.laisne@gmail.com>
parents:
254
diff
changeset
|
80 |
margin-top: 308px; |
ed05b89e3299
Add words to transcript
Chloe Laisne <chloe.laisne@gmail.com>
parents:
254
diff
changeset
|
81 |
height: 292px; |
254 | 82 |
} |
83 |
||
84 |
h2 { |
|
244
d7ab83ecf737
Checked/indeterminate states with /langues endpoint checkboxes
Chloe Laisne <chloe.laisne@gmail.com>
parents:
242
diff
changeset
|
85 |
color: $dark-grey; |
d7ab83ecf737
Checked/indeterminate states with /langues endpoint checkboxes
Chloe Laisne <chloe.laisne@gmail.com>
parents:
242
diff
changeset
|
86 |
line-height: 60px; |
d7ab83ecf737
Checked/indeterminate states with /langues endpoint checkboxes
Chloe Laisne <chloe.laisne@gmail.com>
parents:
242
diff
changeset
|
87 |
font-size: 14px; |
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
88 |
} |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
89 |
|
269
9659e91242e1
Add subjects to notice + Background color two notice type + Remove empty notice fields
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
90 |
.corpus-app-container h2, |
9659e91242e1
Add subjects to notice + Background color two notice type + Remove empty notice fields
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
91 |
.corpus-app-modal h2 { |
254 | 92 |
line-height: 30px; |
93 |
margin: 12px auto; |
|
94 |
} |
|
95 |
||
217
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
216
diff
changeset
|
96 |
.corpus-window { |
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
216
diff
changeset
|
97 |
overflow: hidden; |
218
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
98 |
position: relative; |
217
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
216
diff
changeset
|
99 |
} |
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
216
diff
changeset
|
100 |
|
228
a2497a2b6224
Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
226
diff
changeset
|
101 |
#tabs-chrono, |
a2497a2b6224
Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
226
diff
changeset
|
102 |
#tabs-thematiques { |
216
c174124d1849
/discours and /chrono design changes
Chloe Laisne <chloe.laisne@gmail.com>
parents:
214
diff
changeset
|
103 |
padding: 0px 20px; |
193
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
104 |
} |
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
105 |
|
235
51acae6af8a3
Switch to white background
Chloe Laisne <chloe.laisne@gmail.com>
parents:
228
diff
changeset
|
106 |
#tabs-chrono ul { |
51acae6af8a3
Switch to white background
Chloe Laisne <chloe.laisne@gmail.com>
parents:
228
diff
changeset
|
107 |
list-style: none; |
51acae6af8a3
Switch to white background
Chloe Laisne <chloe.laisne@gmail.com>
parents:
228
diff
changeset
|
108 |
margin: 0; |
51acae6af8a3
Switch to white background
Chloe Laisne <chloe.laisne@gmail.com>
parents:
228
diff
changeset
|
109 |
padding: 0; |
51acae6af8a3
Switch to white background
Chloe Laisne <chloe.laisne@gmail.com>
parents:
228
diff
changeset
|
110 |
text-align: center; |
51acae6af8a3
Switch to white background
Chloe Laisne <chloe.laisne@gmail.com>
parents:
228
diff
changeset
|
111 |
} |
51acae6af8a3
Switch to white background
Chloe Laisne <chloe.laisne@gmail.com>
parents:
228
diff
changeset
|
112 |
|
228
a2497a2b6224
Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
226
diff
changeset
|
113 |
#tabs-discours, |
a2497a2b6224
Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
226
diff
changeset
|
114 |
#tabs-thematiques { |
a2497a2b6224
Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
226
diff
changeset
|
115 |
overflow: hidden; |
a2497a2b6224
Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
226
diff
changeset
|
116 |
height: 100%; |
200
a441c40f9c5e
Fix playlist filtering
Chloe Laisne <chloe.laisne@gmail.com>
parents:
196
diff
changeset
|
117 |
} |
a441c40f9c5e
Fix playlist filtering
Chloe Laisne <chloe.laisne@gmail.com>
parents:
196
diff
changeset
|
118 |
|
193
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
119 |
.corpus-app-wrapper { |
223 | 120 |
background-color: $medium-blue; |
286
57762c0b601e
Treemap layout: Resize node values to get bigger rect when value is smal + Create and display count + Node colors
Chloe Laisne <chloe.laisne@gmail.com>
parents:
269
diff
changeset
|
121 |
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.8); |
57762c0b601e
Treemap layout: Resize node values to get bigger rect when value is smal + Create and display count + Node colors
Chloe Laisne <chloe.laisne@gmail.com>
parents:
269
diff
changeset
|
122 |
position: relative; |
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
123 |
} |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
124 |
|
218
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
125 |
.corpus-app-modal, |
196 | 126 |
.corpus-app-container, |
127 |
.corpus-app-wrapper { |
|
128 |
box-sizing: border-box; |
|
129 |
height: 600px; |
|
130 |
width: 50%; |
|
131 |
} |
|
132 |
||
218
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
133 |
.corpus-app-modal, |
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
134 |
.corpus-app-container { |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
135 |
overflow: hidden; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
136 |
display: block; |
218
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
137 |
border-top: none; |
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
138 |
} |
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
139 |
|
246
5b7ae96768be
Bsic transcript-component design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
244
diff
changeset
|
140 |
.corpus-app-container.window { |
5b7ae96768be
Bsic transcript-component design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
244
diff
changeset
|
141 |
overflow: scroll; |
5b7ae96768be
Bsic transcript-component design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
244
diff
changeset
|
142 |
} |
5b7ae96768be
Bsic transcript-component design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
244
diff
changeset
|
143 |
|
218
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
144 |
.corpus-app-modal { |
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
145 |
position: absolute; |
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
146 |
top: 0px; |
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
147 |
left: 0px; |
269
9659e91242e1
Add subjects to notice + Background color two notice type + Remove empty notice fields
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
148 |
background-color: $medium-white; |
9659e91242e1
Add subjects to notice + Background color two notice type + Remove empty notice fields
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
149 |
border-right: 1px solid $dark-grey; |
9659e91242e1
Add subjects to notice + Background color two notice type + Remove empty notice fields
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
150 |
overflow-y: scroll; |
9659e91242e1
Add subjects to notice + Background color two notice type + Remove empty notice fields
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
151 |
z-index: 1; |
218
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
152 |
} |
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
153 |
|
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
154 |
.corpus-app-container { |
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
155 |
float: left; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
156 |
} |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
157 |
|
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
158 |
.corpus-app-wrapper { |
196 | 159 |
float: right; |
13 | 160 |
} |
5
d4b3da0dadc9
init ember app with 2 pages and an images
nowmad@23.1.168.192.in-addr.arpa
parents:
diff
changeset
|
161 |
|
207
204f25632006
tabs/discours title + route scss cleanup
Chloe Laisne <chloe.laisne@gmail.com>
parents:
206
diff
changeset
|
162 |
#mapdiv{ |
204f25632006
tabs/discours title + route scss cleanup
Chloe Laisne <chloe.laisne@gmail.com>
parents:
206
diff
changeset
|
163 |
width: 100%; |
37
343750d4d38e
small improvment of style and add forgotten tabs "thematiques"
nowmad@nowmads-macbook-pro.local
parents:
13
diff
changeset
|
164 |
} |
343750d4d38e
small improvment of style and add forgotten tabs "thematiques"
nowmad@nowmads-macbook-pro.local
parents:
13
diff
changeset
|
165 |
|
210 | 166 |
.ember-view.language a { |
167 |
text-transform: capitalize; |
|
168 |
text-decoration: none; |
|
169 |
pointer-events: none; |
|
170 |
cursor: default; |
|
171 |
color: inherit; |
|
172 |
} |
|
214
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
173 |
|
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
174 |
|
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
175 |
i.fa { |
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
176 |
font-size: 0px; |
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
177 |
text-align: center; |
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
178 |
box-sizing: border-box; |
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
179 |
} |
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
180 |
|
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
181 |
i.fa::before { |
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
182 |
font-size: 12px; |
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
183 |
} |