Asciicast preview styles don't belong to base

12 years ago · ec05e8eaa8
parent f39dc918f2
commit ec05e8eaa8
2 changed files with 60 additions and 56 deletions
--- a/app/assets/stylesheets/asciicasts.css.scss
+++ b/app/assets/stylesheets/asciicasts.css.scss
@ -1,3 +1,6 @@
+@import 'terminal-font';
+@import 'shared';
+
 .extras {
  .author {
    position: relative;
@ -55,3 +58,60 @@
    list-style: initial;
  }
 }
+
+div.presentation {
+  float: left;
+  margin: 0 38px 20px 0;
+  width: 210px;
+  font-size: 15px;
+  position: relative;
+
+  .preview {
+    @include terminal-font;
+
+    background-color: white;
+    color: #333;
+    overflow: hidden;
+    word-wrap: normal;
+    white-space: pre;
+    border: 15px solid white;
+    border-radius: 4px;
+    margin: 1em 0 0.6em 0;
+    padding: 0;
+  }
+
+  .info {
+    h3 {
+      @include font;
+      letter-spacing: 0;
+      font-weight: 300;
+      font-size: 18px;
+      line-height: 1.2;
+      margin: 0 0 10px;
+      word-wrap: break-word;
+
+      a {
+        color: #333;
+      }
+    }
+
+    p.date {
+      color: #777;
+      margin: -8px 0 10px;
+    }
+  }
+}
+
+.supplimental {
+  div.presentation:nth-child(3n+1) {
+    clear: left;
+  }
+
+  div.presentation:nth-child(3n) {
+    margin-right: 0;
+  }
+}
+
+.presentations {
+  clear: both;
+}
--- a/app/assets/stylesheets/home.css.scss
+++ b/app/assets/stylesheets/home.css.scss
@ -48,59 +48,3 @@ div.secondary_info {
    left: 230px;
  }
 }
-
-.supplimental {
-  div.presentation {
-    float: left;
-    margin: 0 38px 20px 0;
-    width: 210px;
-    font-size: 15px;
-    position: relative;
-
-    .preview {
-      @include terminal-font;
-
-      background-color: white;
-      color: #333;
-      overflow: hidden;
-      word-wrap: normal;
-      white-space: pre;
-      border: 10px solid white;
-      border-radius: 4px;
-      margin: 1em 0 0.6em 0;
-    }
-
-    .info {
-      h3 {
-        @include font;
-        letter-spacing: 0;
-        font-weight: 300;
-        font-size: 18px;
-        line-height: 1.2;
-        margin: 0 0 10px;
-        word-wrap: break-word;
-
-        a {
-          color: #333;
-        }
-      }
-
-      p.date {
-        color: #777;
-        margin: -8px 0 10px;
-      }
-    }
-  }
-
-  div.presentation:nth-child(3n+1) {
-    clear: left;
-  }
-
-  div.presentation:nth-child(3n) {
-    margin-right: 0;
-  }
-}
-
-.presentations {
-  clear: both;
-}