assets/src/sass/helpers/_classes.scss

   1 /*
   2  | -----------------------------------------------------------------------------
   3  | Helper classes
   4  | -----------------------------------------------------------------------------
   5 */
   6 .clear:after  {
   7   content: "";
   8   clear: both;
   9   display: table;
  10 }
  11
  12 /*
  13  | -----------------------------------------------------------------------------
  14  | Markdown content style
  15  | -----------------------------------------------------------------------------
  16 */
  17 .markdown {
  18   line-height: 2em;
  19
  20   h1, h2, h3, p, ul,
  21   blockquote, pre, .gist {
  22     margin-bottom: 30px;
  23
  24     &:last-child {
  25       margin-bottom: 0;
  26     }
  27   }
  28
  29   h1 {
  30     font-size: 1.4em;
  31   }
  32
  33   h2 {
  34     font-size: 1.2em;
  35   }
  36
  37   h3 {
  38     font-size: 1em;
  39   }
  40
  41   ul {
  42     padding-left: 3em;
  43   }
  44
  45   a {
  46     text-decoration: underline;
  47
  48     &:hover {
  49       text-decoration: none;
  50
  51       img {
  52         opacity: 0.8;
  53       }
  54     }
  55   }
  56
  57   img {
  58     width: 100%;
  59     @include transition();
  60   }
  61
  62   blockquote {
  63     padding-left: 30px;
  64     font-style: italic;
  65     border-left: 4px solid $c-grayNormal;
  66   }
  67
  68   hr {
  69     border: 0;
  70     height: 1px;
  71     margin: 30px 0;
  72     background: $c-grayNormal;
  73   }
  74
  75   pre {
  76     padding: 1em;
  77     font-size: 0.9em;
  78     line-height: 1.5em;
  79     background: $c-grayNormal;
  80   }
  81
  82   code {
  83     background: $c-grayNormal;
  84   }
  85
  86   .gist .gist-file {
  87     margin-bottom: 0;
  88   }
  89 }