_ Git - blog/blob - _sass/posts.scss

   1 // Posts and pages
   2 //
   3 // Each post is wrapped in `.post` and is used on default and post layouts. Each
   4 // page is wrapped in `.page` and is only used on the page layout.
   5
   6 .page,
   7 .post {
   8   margin-bottom: 4em;
   9 }
  10
  11 // Blog post or page title
  12 .page-title,
  13 .post-title,
  14 .post-title a {
  15   color: #303030;
  16 }
  17 .page-title,
  18 .post-title {
  19   margin-top: 0;
  20 }
  21
  22 // Meta data line below post title
  23 .post-date {
  24   display: block;
  25   margin-top: -.5rem;
  26   margin-bottom: 1rem;
  27   color: #9a9a9a;
  28 }
  29
  30
  31 // Related posts
  32 .related {
  33   padding-top: 2rem;
  34   padding-bottom: 2rem;
  35   border-top: 1px solid #eee;
  36 }
  37
  38 .related-posts {
  39   padding-left: 0;
  40   list-style: none;
  41
  42   h3 {
  43     margin-top: 0;
  44   }
  45
  46   li {
  47     small {
  48       font-size: 75%;
  49       color: #999;
  50     }
  51
  52     a:hover {
  53       color: #268bd2;
  54       text-decoration: none;
  55
  56       small {
  57         color: inherit;
  58       }
  59     }
  60   }
  61 }