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

Fix awkward typed title wrapping on phones #20

Manually merged
tlater merged 2 commits from tlater/fix-title-wrapping into master 2022-10-10 12:51:12 +01:00
Conversation 0 Commits 2 Files changed 2 +4 -2
1 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 6c29bc5db0 - Show all commits

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.
// //