Adding a text-overflow: ellipsis; mixin and related cleanup

This commit is contained in:
Kris
2019-11-06 14:00:29 -05:00
parent 1aa96a5da4
commit b066a4128d
31 changed files with 61 additions and 159 deletions

View File

@@ -28,9 +28,7 @@ $avatar_width: 120px;
border-left: 0.5em solid transparent;
}
button {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
@include ellipsis;
}
}
}

View File

@@ -71,9 +71,7 @@
}
.draft-text {
width: calc(100% - 40px);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
@include ellipsis;
}
}

View File

@@ -8,9 +8,7 @@
// some protection for text-only site titles
.title {
max-width: 75%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
@include ellipsis;
-webkit-animation: fadein 0.5s;
animation: fadein 0.5s;
// This acts as a placeholder if for some reason the small logo takes a while