| 1 |
/* Shared by every icon pack: Modern icons and the Card template. Sizes in em so they follow the theme font. */ |
| 2 |
.wpa-icon{display:inline-block;width:1.15em;height:1.15em;margin-right:.35em;vertical-align:-.2em;flex-shrink:0;} |
| 3 |
|
| 4 |
/* Colour: .wpa-icons-color = one per file type, .wpa-icons-custom = the colour in --wpa-custom, neither = the text colour. */ |
| 5 |
.wpa-icons-color .wpa-type-pdf{--wpa-c:#c9282a;} |
| 6 |
.wpa-icons-color .wpa-type-doc{--wpa-c:#1c5f96;} |
| 7 |
.wpa-icons-color .wpa-type-sheet{--wpa-c:#0a7040;} |
| 8 |
.wpa-icons-color .wpa-type-slides{--wpa-c:#a35a00;} |
| 9 |
.wpa-icons-color .wpa-type-archive{--wpa-c:#7a6100;} |
| 10 |
.wpa-icons-color .wpa-type-audio{--wpa-c:#6d47a1;} |
| 11 |
.wpa-icons-color .wpa-type-video{--wpa-c:#2f45c5;} |
| 12 |
.wpa-icons-color .wpa-type-image{--wpa-c:#0a6f6a;} |
| 13 |
.wpa-icons-color .wpa-icon{color:var(--wpa-c,currentColor);} |
| 14 |
.wpa-icons-custom .wpa-icon{color:var(--wpa-custom,currentColor);} |
| 15 |
|
| 16 |
/* Card template. ul.wpa-cards li beats the icon packs' li.post-attachment background. */ |
| 17 |
ul.post-attachments.wpa-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(14em,1fr));gap:.6em;list-style:none;margin:0;padding:0;} |
| 18 |
ul.wpa-cards li.post-attachment{display:flex;align-items:center;gap:.7em;min-width:0;margin:0;padding:.6em .75em;background:none;border:1px solid rgba(128,128,128,.3);border-radius:6px;} |
| 19 |
.wpa-card-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:2.4em;height:2.4em;border-radius:5px;background:rgba(128,128,128,.12);} |
| 20 |
.wpa-icons-color .wpa-card-icon{background:color-mix(in srgb,var(--wpa-c,currentColor) 12%,transparent);} |
| 21 |
.wpa-icons-custom .wpa-card-icon{background:color-mix(in srgb,var(--wpa-custom,currentColor) 12%,transparent);} |
| 22 |
.wpa-card-icon .wpa-icon{width:1.5em;height:1.5em;margin:0;vertical-align:0;} |
| 23 |
.wpa-card-body{display:flex;flex-direction:column;min-width:0;line-height:1.35;} |
| 24 |
/* Up to two lines, then cut: a single line hid too much of longer titles. */ |
| 25 |
.wpa-card-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere;font-weight:600;} |
| 26 |
.wpa-card-meta{display:flex;flex-wrap:wrap;font-size:.8em;opacity:.75;} |
| 27 |
ul.wpa-cards.wpa-cards--compact{grid-template-columns:repeat(auto-fill,minmax(11em,1fr));} |
| 28 |
ul.wpa-cards.wpa-cards--wide{grid-template-columns:repeat(auto-fill,minmax(20em,1fr));} |
| 29 |
ul.wpa-cards.wpa-cards--rows{grid-template-columns:minmax(0,1fr);} |
| 30 |
/* Details: hide the empty ones, separate only those actually shown. */ |
| 31 |
.wpa-card-meta>span:empty,.wpa-card-caption:empty{display:none;} |
| 32 |
.wpa-card-meta>span{white-space:nowrap;} /* a detail wraps as a whole, never mid-date */ |
| 33 |
/* Separator after a detail followed by another one: on a wrapped line it ends the line above. */ |
| 34 |
.wpa-card-meta>span:not(:empty):has(~span:not(:empty))::after{content:"\00b7";margin:0 .35em;} |
| 35 |
.wpa-card-caption{font-size:.8em;} |
| 36 |
|
