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 +6 -3
2 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
templates/.dir-locals.el
View file

@ -1,4 +1,5 @@
((nil . ((indent-tabs-mode . nil) ((nil . ((indent-tabs-mode . nil)
(tab-width . 4) (tab-width . 4)
(fill-column . 80) (fill-column . 80)
(projectile-project-run-cmd . "cd templates && parcel serve --no-autoinstall")))) (projectile-project-run-cmd . "cd templates && parcel serve --no-autoinstall")))
(scss-mode . ((css-indent-offset . 2))))

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