Frontend
Public
Commits
Tim Donohue authored 1238caa9068
| 5 5 | img { |
| 6 6 | max-width: 100%; |
| 7 7 | } |
| 8 8 | |
| 9 9 | .outer { // .outer/.inner generated ~ https://ratiobuddy.com/ |
| 10 10 | position: relative; |
| 11 11 | &:before { |
| 12 12 | display: block; |
| 13 13 | content: ""; |
| 14 14 | width: 100%; |
| 15 - | padding-top: (297 / 210) * 100%; // A4 ratio |
| 15 + | padding-top: calc((297 / 210) * 100%); // A4 ratio |
| 16 16 | } |
| 17 17 | > .inner { |
| 18 18 | position: absolute; |
| 19 19 | top: 0; |
| 20 20 | right: 0; |
| 21 21 | bottom: 0; |
| 22 22 | left: 0; |
| 23 23 | |
| 24 24 | > .thumbnail-placeholder { |
| 25 25 | background: var(--ds-thumbnail-placeholder-background); |