tlaternet/tlaternet-webserver
1
0
Fork 0
Code Issues 5 Pull requests Releases Wiki Activity

templates: Fix awkward typed title wrapping on phones

Browse source 
Fixes #19
This commit is contained in:
Tristan Daniël Maat 2022-10-10 12:47:31 +01:00
parent 767961cde4
commit 6c29bc5db0
Signed by: tlater
GPG key ID: 49670FD774E43268
1 changed files with 4 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

6
templates/src/lib/scss/_typed.scss
View file

@ -10,11 +10,11 @@
$iterations: math.ceil(math.div($duration, 1s)) * 2; $iterations: math.ceil(math.div($duration, 1s)) * 2;
animation: $name ease-in-out 500ms $iterations alternate; animation: $name ease-in-out 500ms $iterations alternate;
content: " "; content: " ";
@keyframes #{$name} { @keyframes #{$name} {
from { from {
content: " "; content: " ";
} }
to { to {
@ -25,6 +25,8 @@
/// Animate a piece of text as if it was being typed by a human. /// Animate a piece of text as if it was being typed by a human.
@mixin typed($text, $duration) { @mixin typed($text, $duration) {
word-break: break-all;
// We don't want a linearly typed set of text, which makes this // We don't want a linearly typed set of text, which makes this
// singificantly more complex. // singificantly more complex.
// //