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