Fixed text-overflow

[github/bastienwirtz/homer.git] / app.scss

diff --git a/app.scss b/app.scss
index 2b726c8a6ab9614c2bfa1ef54adcb02ed46676f2..51110e1d239a43fbd66fe528ecec9e8ecbb2ed26 100644 (file)
--- a/app.scss
+++ b/app.scss
@@ -81,6 +81,14 @@ $theme-dark: (
   }
 }
 
+
+@mixin ellipsis() {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+
 html { 
   height: 100%; 
 }
@@ -205,17 +213,17 @@ body {
     h2 {
       border-bottom: 1px dashed #ccc;
       padding-bottom: 10px;
+      @include ellipsis();
     }
 
     .title {
       font-size: 1.1em;
+      @include ellipsis();
     }
 
     .subtitle {
       font-size: .9em;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
+      @include ellipsis();
     }
 
     .container {
@@ -237,7 +245,8 @@ body {
   }
 
   .media-content {
-    overflow: inherit;
+    overflow: hidden;
+    text-overflow: inherit;
   }
 
   .tag {