cms/app-client/app/styles/app.scss
author Chloe Laisne <chloe.laisne@gmail.com>
Mon, 04 Jul 2016 23:43:38 +0200
changeset 225 5e3cd85cde06
parent 224 d284324358b2
child 226 2103e6c58266
permissions -rw-r--r--
More sass variables Playing state in playlist-component
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
223
2457942e7453 Colors to variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 222
diff changeset
     1
$dark-blue: #13212d;
224
d284324358b2 Remplace hexadecimal codes with sass variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 223
diff changeset
     2
$medium-blue: #253946;
d284324358b2 Remplace hexadecimal codes with sass variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 223
diff changeset
     3
$light-blue: #becfd4;
225
5e3cd85cde06 More sass variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 224
diff changeset
     4
$blue: #2faddd;
5e3cd85cde06 More sass variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 224
diff changeset
     5
$medium-grey: #71848d;
224
d284324358b2 Remplace hexadecimal codes with sass variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 223
diff changeset
     6
$light-grey: #878e94;
225
5e3cd85cde06 More sass variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 224
diff changeset
     7
$dark-grey: #59626b;
5e3cd85cde06 More sass variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 224
diff changeset
     8
$medium-white: #f5f5f5;
224
d284324358b2 Remplace hexadecimal codes with sass variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 223
diff changeset
     9
$light-white: #fbfbfb;
223
2457942e7453 Colors to variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 222
diff changeset
    10
225
5e3cd85cde06 More sass variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 224
diff changeset
    11
196
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
    12
body {
225
5e3cd85cde06 More sass variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 224
diff changeset
    13
    background-color: $medium-white;
196
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
    14
}
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
    15
222
0eba8101b129 Add fields to sparse-document
Chloe Laisne <chloe.laisne@gmail.com>
parents: 219
diff changeset
    16
button {
0eba8101b129 Add fields to sparse-document
Chloe Laisne <chloe.laisne@gmail.com>
parents: 219
diff changeset
    17
    font-family: sans-serif;
0eba8101b129 Add fields to sparse-document
Chloe Laisne <chloe.laisne@gmail.com>
parents: 219
diff changeset
    18
}
0eba8101b129 Add fields to sparse-document
Chloe Laisne <chloe.laisne@gmail.com>
parents: 219
diff changeset
    19
193
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
    20
#corpus-app {
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    21
    font-family: sans-serif;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    22
    font-size: 12px;
193
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
    23
}
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
    24
5
d4b3da0dadc9 init ember app with 2 pages and an images
nowmad@23.1.168.192.in-addr.arpa
parents:
diff changeset
    25
#corpus-app {
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    26
    border: 1px solid;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    27
    width: 1108px;
200
a441c40f9c5e Fix playlist filtering
Chloe Laisne <chloe.laisne@gmail.com>
parents: 196
diff changeset
    28
    overflow: hidden;
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    29
    display: block;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    30
    margin-left: auto;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    31
    margin-right: auto;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    32
    margin-bottom: 10px;
44
6e2c500adca0 update css
nowmad@nowmads-macbook-pro.local
parents: 37
diff changeset
    33
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    34
    @import 'tabs/chrono';
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    35
    @import 'tabs/langues';
186
36e5a67656e6 Basic thematiques styling
Chloe Laisne <chloe.laisne@gmail.com>
parents: 98
diff changeset
    36
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    37
    @import 'components/sorting-component';
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    38
    @import 'components/filtering-component';
196
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
    39
    @import 'components/filter-component';
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
    40
    @import 'components/playlist-component';
206
e038d5782d06 Discourses component: Modify label styles / Styling to SCSS / Cursor pointer
Chloe Laisne <chloe.laisne@gmail.com>
parents: 200
diff changeset
    41
    @import 'components/discourses-component';
210
08ad36c693b1 Player design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 208
diff changeset
    42
    @import 'components/player-component';
217
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents: 216
diff changeset
    43
    @import 'components/toolbar-component';
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents: 216
diff changeset
    44
    @import 'components/notice-component';
210
08ad36c693b1 Player design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 208
diff changeset
    45
186
36e5a67656e6 Basic thematiques styling
Chloe Laisne <chloe.laisne@gmail.com>
parents: 98
diff changeset
    46
}
36e5a67656e6 Basic thematiques styling
Chloe Laisne <chloe.laisne@gmail.com>
parents: 98
diff changeset
    47
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    48
h1, h2, h3, h4, h5, h6 {
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    49
    margin: 0;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    50
    padding: 0;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    51
    font-weight: normal;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    52
    font-size: inherit;
193
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
    53
}
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
    54
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    55
h2 {
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    56
    text-transform: uppercase;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    57
    text-align: center;
193
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
    58
}
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
    59
217
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents: 216
diff changeset
    60
.corpus-app-modal {
223
2457942e7453 Colors to variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 222
diff changeset
    61
    background-color: $light-blue;
217
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents: 216
diff changeset
    62
    padding: 20px 40px;
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents: 216
diff changeset
    63
}
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents: 216
diff changeset
    64
193
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
    65
.corpus-app-container {
225
5e3cd85cde06 More sass variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 224
diff changeset
    66
    color: $light-blue;
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    67
    box-sizing: border-box;
223
2457942e7453 Colors to variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 222
diff changeset
    68
    background-color: $light-blue;
216
c174124d1849 /discours and /chrono design changes
Chloe Laisne <chloe.laisne@gmail.com>
parents: 214
diff changeset
    69
}
c174124d1849 /discours and /chrono design changes
Chloe Laisne <chloe.laisne@gmail.com>
parents: 214
diff changeset
    70
c174124d1849 /discours and /chrono design changes
Chloe Laisne <chloe.laisne@gmail.com>
parents: 214
diff changeset
    71
.corpus-app-container h2 {
c174124d1849 /discours and /chrono design changes
Chloe Laisne <chloe.laisne@gmail.com>
parents: 214
diff changeset
    72
    padding: 15px;
217
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents: 216
diff changeset
    73
    font-size: 14px;
223
2457942e7453 Colors to variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 222
diff changeset
    74
    color: $medium-blue;
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    75
}
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    76
217
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents: 216
diff changeset
    77
.corpus-window {
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents: 216
diff changeset
    78
    overflow: hidden;
218
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
    79
    position: relative;
217
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents: 216
diff changeset
    80
}
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents: 216
diff changeset
    81
207
204f25632006 tabs/discours title + route scss cleanup
Chloe Laisne <chloe.laisne@gmail.com>
parents: 206
diff changeset
    82
body.tabs-discours .corpus-app-container,
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    83
body.tabs-chrono .corpus-app-container {
216
c174124d1849 /discours and /chrono design changes
Chloe Laisne <chloe.laisne@gmail.com>
parents: 214
diff changeset
    84
    padding: 0px 20px;
193
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
    85
}
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
    86
200
a441c40f9c5e Fix playlist filtering
Chloe Laisne <chloe.laisne@gmail.com>
parents: 196
diff changeset
    87
body.tabs-thematiques .corpus-app-container {
a441c40f9c5e Fix playlist filtering
Chloe Laisne <chloe.laisne@gmail.com>
parents: 196
diff changeset
    88
    padding: 0px 20px;
a441c40f9c5e Fix playlist filtering
Chloe Laisne <chloe.laisne@gmail.com>
parents: 196
diff changeset
    89
}
a441c40f9c5e Fix playlist filtering
Chloe Laisne <chloe.laisne@gmail.com>
parents: 196
diff changeset
    90
a441c40f9c5e Fix playlist filtering
Chloe Laisne <chloe.laisne@gmail.com>
parents: 196
diff changeset
    91
body.tabs-langues .corpus-app-container {
a441c40f9c5e Fix playlist filtering
Chloe Laisne <chloe.laisne@gmail.com>
parents: 196
diff changeset
    92
    padding: 0px;
a441c40f9c5e Fix playlist filtering
Chloe Laisne <chloe.laisne@gmail.com>
parents: 196
diff changeset
    93
}
a441c40f9c5e Fix playlist filtering
Chloe Laisne <chloe.laisne@gmail.com>
parents: 196
diff changeset
    94
193
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
    95
.corpus-app-wrapper {
223
2457942e7453 Colors to variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 222
diff changeset
    96
    background-color: $medium-blue;
200
a441c40f9c5e Fix playlist filtering
Chloe Laisne <chloe.laisne@gmail.com>
parents: 196
diff changeset
    97
    box-shadow: -4px 0px 8px -4px #59626b;
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    98
}
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    99
218
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
   100
.corpus-app-modal,
196
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
   101
.corpus-app-container,
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
   102
.corpus-app-wrapper {
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
   103
    box-sizing: border-box;
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
   104
    height: 600px;
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
   105
    width: 50%;
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
   106
}
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
   107
218
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
   108
.corpus-app-modal,
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
   109
.corpus-app-container {
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
   110
    overflow: hidden;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
   111
    display: block;
218
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
   112
    border-top: none;
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
   113
}
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
   114
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
   115
.corpus-app-modal {
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
   116
    position: absolute;
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
   117
    top: 0px;
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
   118
    left: 0px;
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
   119
}
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
   120
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
   121
.corpus-app-container {
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
   122
    float: left;
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
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
   125
.corpus-app-wrapper {
196
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
   126
    float: right;
13
ba32dd4cf8d3 update styles
nowmad@23.1.168.192.in-addr.arpa
parents: 5
diff changeset
   127
}
5
d4b3da0dadc9 init ember app with 2 pages and an images
nowmad@23.1.168.192.in-addr.arpa
parents:
diff changeset
   128
207
204f25632006 tabs/discours title + route scss cleanup
Chloe Laisne <chloe.laisne@gmail.com>
parents: 206
diff changeset
   129
#mapdiv{
204f25632006 tabs/discours title + route scss cleanup
Chloe Laisne <chloe.laisne@gmail.com>
parents: 206
diff changeset
   130
  width: 100%;
37
343750d4d38e small improvment of style and add forgotten tabs "thematiques"
nowmad@nowmads-macbook-pro.local
parents: 13
diff changeset
   131
}
343750d4d38e small improvment of style and add forgotten tabs "thematiques"
nowmad@nowmads-macbook-pro.local
parents: 13
diff changeset
   132
196
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
   133
.corpus-app-content {
223
2457942e7453 Colors to variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 222
diff changeset
   134
    background-color: $dark-blue;
196
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
   135
    overflow: hidden;
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
   136
    height: 80px;
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
   137
}
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
   138
210
08ad36c693b1 Player design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 208
diff changeset
   139
.ember-view.language a {
08ad36c693b1 Player design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 208
diff changeset
   140
    text-transform: capitalize;
08ad36c693b1 Player design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 208
diff changeset
   141
    text-decoration: none;
08ad36c693b1 Player design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 208
diff changeset
   142
    pointer-events: none;
08ad36c693b1 Player design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 208
diff changeset
   143
    cursor: default;
08ad36c693b1 Player design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 208
diff changeset
   144
    color: inherit;
08ad36c693b1 Player design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 208
diff changeset
   145
}
214
9bff007eb03c Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents: 210
diff changeset
   146
9bff007eb03c Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents: 210
diff changeset
   147
9bff007eb03c Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents: 210
diff changeset
   148
i.fa {
9bff007eb03c Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents: 210
diff changeset
   149
    font-size: 0px;
9bff007eb03c Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents: 210
diff changeset
   150
    text-align: center;
9bff007eb03c Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents: 210
diff changeset
   151
    box-sizing: border-box;
9bff007eb03c Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents: 210
diff changeset
   152
}
9bff007eb03c Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents: 210
diff changeset
   153
9bff007eb03c Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents: 210
diff changeset
   154
i.fa::before {
9bff007eb03c Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents: 210
diff changeset
   155
    font-size: 12px;
9bff007eb03c Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents: 210
diff changeset
   156
}