styles/markup-and-down.less

   1 // Classes for the "language-markdown" package,
   2 // See <https://github.com/burodepeper/language-markdown>.
   3
   4 @_background: @syntax-background-color;
   5 @_text: @syntax-text-color;
   6 @_syntax: #A6E22E;
   7 @_syntax_alt: darken(@_syntax, 15%);
   8 @_content: #009900;
   9 @_variable: #0099CC;
  10 @_constant: #EE1100;
  11 @_highlight: #FFDD00;
  12 @_comment: #75715E;
  13 @_neutral: mix(@_text, @_background);
  14
  15 // Generic markup styles
  16
  17 .syntax--markup {
  18
  19   &.syntax--bold,
  20   &.syntax--heading,
  21   &.syntax--strong.syntax--emphasis {
  22     font-weight: bold;
  23   }
  24
  25   &.syntax--italic,
  26   &.syntax--emphasis:not(.syntax--strong) {
  27     font-style: italic;
  28   }
  29
  30   &.syntax--underline {
  31     text-decoration: underline;
  32   }
  33
  34   &.syntax--strike {
  35     text-decoration: line-through;
  36   }
  37
  38   &.syntax--heading,
  39   &.syntax--substitution,
  40   &.syntax--changed {
  41     color: @_syntax;
  42   }
  43
  44   &.syntax--inserted,
  45   &.syntax--addition,
  46   &.syntax--quote {
  47     color: @_content;
  48   }
  49
  50   &.syntax--deletion,
  51   &.syntax--hr {
  52     color: @_constant;
  53   }
  54
  55   &.syntax--link {
  56     color: @_variable;
  57   }
  58
  59   &.syntax--list {
  60     & > .syntax--punctuation {
  61       color: @_syntax_alt;
  62     }
  63   }
  64
  65   &.syntax--raw,
  66   &.syntax--code {
  67     color: @_neutral;
  68   }
  69
  70  .syntax--punctuation {
  71    opacity: 0.5;
  72  }
  73 }