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