annotate default/static/file.css @ 122:9d95b58200df

file: files handling first draft: file/overview.html generate a simple files/directories listing
author Goffi <goffi@goffi.org>
date Sun, 11 Mar 2018 19:21:46 +0100
parents
children 44b838bcc0d6
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
122
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
1 #files {
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
2 list-style: none;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
3 display: flex;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
4 flex-wrap: wrap;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
5 }
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
6
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
7 .file {
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
8 padding: 0 0 0.5em;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
9 width: 100px;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
10 text-overflow: ellipsis;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
11 overflow: hidden;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
12 text-align: center;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
13 overflow-wrap: break-word;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
14 }
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
15
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
16 .file:hover {
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
17 background: #ddd;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
18 overflow: visible;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
19 }
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
20
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
21 .file a {
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
22 text-decoration: none;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
23 }
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
24
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
25 .file__icon {
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
26 height: 3em;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
27 display: block;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
28 margin: 0 auto;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
29 }
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
30
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
31 .icon--soft {
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
32 fill: #777;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
33 }
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
34
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
35 @media (min-width: 500px) {
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
36 .file {
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
37 padding: 1em;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
38 width: 170px;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
39 }
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
40 }