|
122
|
1 #files { |
|
|
2 list-style: none; |
|
|
3 display: flex; |
|
|
4 flex-wrap: wrap; |
|
|
5 } |
|
|
6 |
|
|
7 .file { |
|
|
8 padding: 0 0 0.5em; |
|
|
9 width: 100px; |
|
|
10 text-overflow: ellipsis; |
|
|
11 overflow: hidden; |
|
|
12 text-align: center; |
|
|
13 overflow-wrap: break-word; |
|
|
14 } |
|
|
15 |
|
|
16 .file:hover { |
|
|
17 background: #ddd; |
|
|
18 overflow: visible; |
|
|
19 } |
|
|
20 |
|
|
21 .file a { |
|
|
22 text-decoration: none; |
|
|
23 } |
|
|
24 |
|
|
25 .file__icon { |
|
|
26 height: 3em; |
|
|
27 display: block; |
|
|
28 margin: 0 auto; |
|
|
29 } |
|
|
30 |
|
|
31 .icon--soft { |
|
|
32 fill: #777; |
|
|
33 } |
|
|
34 |
|
|
35 @media (min-width: 500px) { |
|
|
36 .file { |
|
|
37 padding: 1em; |
|
|
38 width: 170px; |
|
|
39 } |
|
|
40 } |
