diff --git a/app/assets/stylesheets/components/letter.scss b/app/assets/stylesheets/components/letter.scss index 979831cf8..62882c912 100644 --- a/app/assets/stylesheets/components/letter.scss +++ b/app/assets/stylesheets/components/letter.scss @@ -1,6 +1,11 @@ - $iso-paper-ratio: 141.42135624%; +@keyframes ellipsis { + to { + width: 1.25em; + } +} + .letter { padding: 0; @@ -8,6 +13,21 @@ $iso-paper-ratio: 141.42135624%; position: relative; background: $panel-colour; + &:before { + position: absolute; + top: 10%; + left: 50%; + margin-left: -0.5em; + font-size: 96px; + color: $white; + overflow: hidden; + display: block; + vertical-align: bottom; + animation: ellipsis steps(4,end) 1.3s infinite; + content: "\2026"; // ellipsis + width: 0px; + } + a { display: block; overflow: hidden;