source/sass/helpers/_classes.scss

   1 /*
   2 |-------------------------------------------------------------------------------
   3 | Helpers / Overrides
   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: 2;
  19
  20   h1, h2, h3, p, ul,
  21   blockquote, pre, .gist {
  22     /*margin-bottom: 30px;*/
  23     margin: 0.8rem 0;
  24     word-wrap: break-word;
  25
  26     &:last-child {
  27       margin-bottom: 0;
  28     }
  29   }
  30
  31   ul {
  32     padding-left: 3em;
  33   }
  34
  35   a {
  36     text-decoration: underline;
  37
  38     &:hover {
  39       text-decoration: none;
  40
  41       img {
  42         opacity: 0.8;
  43       }
  44     }
  45   }
  46
  47   img {
  48     width: 100%;
  49     @include transition();
  50
  51     &.inline {
  52       width: auto;
  53       display: inline-block;
  54     }
  55   }
  56
  57   blockquote {
  58     padding-left: 30px;
  59     font-style: italic;
  60     border-left: 4px solid $c-gray;
  61   }
  62
  63   hr {
  64     border: 0;
  65     height: 1px;
  66     margin: 30px 0;
  67     background: $c-gray;
  68   }
  69
  70   pre {
  71     padding: 1em;
  72     overflow: auto;
  73     font-size: 0.9em;
  74     line-height: 1.5;
  75     background: $c-background;
  76   }
  77
  78   code {
  79     background: $c-background;
  80   }
  81
  82   .gist .gist-file {
  83     margin-bottom: 0;
  84   }
  85 }