assets/css/include/_post.scss

   1 .blog-post > .post-meta {
   2   > span.date {
   3   }
   4 }
   5
   6 .blog-post .read-more {
   7   border-bottom: 1px $color-light-2 solid;
   8   > a {
   9     display: block;
  10     padding: 1ex 0;
  11   }
  12 }
  13
  14 .blog-post .post-content {
  15   font-size: 1em;
  16   line-height: 150%;
  17   h1, h2, h3, h4 {
  18     //position: relative;
  19     //margin-top: 30px;
  20   }
  21   h1 {
  22     //font-size: 1.7em;
  23     a {
  24       //color: #212121;
  25     }
  26   }
  27   h2 {
  28     //font-size: 1.4em;
  29     a {
  30       //color: #424242;
  31     }
  32   }
  33   h3 {
  34     //font-size: 1.1em;
  35     a {
  36       //color: #616161;
  37     }
  38   }
  39   p {
  40     text-align: justify;
  41   }
  42 }
  43
  44 .blog-post .additional-info {
  45   border-top: 1px $color-light-2 solid;
  46   color: $color-light-3;
  47   font-size: .9em;
  48   margin-top: $padding-big;
  49   padding: $padding-medium $padding-big;
  50   text-align: center;
  51 }
  52
  53 .blog-post.full {
  54   figure {
  55     font-size: .8em;
  56   }
  57   .header-section-number {
  58     color: $color-light-2;
  59     font-family: serif;
  60   }
  61   .toc {
  62     float: right;
  63     font-size: .9em;
  64     margin: 0 0 25px 25px;
  65     .toc-section-number {
  66       color: $color-light-2;
  67     }
  68     > .header {
  69       font-size: 1.2em;
  70       font-weight: bold;
  71       margin-bottom: 10px;
  72       padding-left: 10px;
  73     }
  74     ul {
  75       list-style: none;
  76     }
  77     > ul {
  78       margin: 0;
  79       padding: 0;
  80     }
  81     li > ul {
  82       padding-left: 25px;
  83     }
  84   }
  85
  86   table {
  87     border-collapse: collapse;
  88     margin-left: auto;
  89     margin-right: auto;
  90     th, td {
  91       padding: 5px;
  92       border: 1px solid $color-light-2;
  93     }
  94     th {
  95        color: $color-dark-primary;
  96     }
  97   }
  98 }
  99
 100 @media screen and (max-width: 800px) {
 101   .blog-post.full .toc {
 102     display: block;
 103     float: none;
 104     margin: 25px 0 25px 0;
 105   }
 106   .blog-post .post-content {
 107     font-size: 0.9em;
 108     line-height: 150%;
 109     h1, h2, h3, h4 {
 110       a:before {
 111         display: none;
 112       }
 113     }
 114   }
 115 }