github.com/mssola/todo@v0.0.0-20181029153210-d25348dc3f48/public/stylesheets/include/markdown.scss (about)

     1  
     2  @import "include/mixins";
     3  
     4  /*
     5   * Shared with items with a big padding.
     6   */
     7  $padding-left: 16px;
     8  
     9  /*
    10   * There can only be Markdown code inside this class.
    11   */
    12  #contents .contents-body {
    13      color: #333;
    14      font-size: 16px;
    15      font-style: normal;
    16  
    17      h1, h2, h3 {
    18          @include box-sizing;
    19  
    20          position: relative;
    21          display: block;
    22  
    23          font-weight: bold;
    24  
    25          margin: 30px 0px 15px 0px;
    26          padding-left: 2px;
    27          border-bottom: 1px solid #eee;
    28      }
    29  
    30      h1 { font-size: 32px; }
    31      h2 { font-size: 24px; }
    32      h3 { font-size: 16px; }
    33  
    34      ul, ol {
    35          padding: 0;
    36          padding-left: $padding-left;
    37          margin: 0;
    38      }
    39      ul { list-style-type: disc; }
    40      ol { margin: 0px 5px; }
    41  
    42      pre {
    43          @include box-sizing;
    44          @include border-radius(3px);
    45  
    46          font-size: 85%;
    47          overflow: auto;
    48  
    49          margin: 0;
    50          margin-bottom: 16px;
    51          padding: $padding-left;
    52          background-color: #f7f7f7;
    53  
    54          code {
    55            font-size: 100%;
    56            padding: 0;
    57            margin: 0;
    58            background-color: #f7f7f7;
    59  
    60            &:before, &:after {
    61              letter-spacing: 0em;
    62              content: "";
    63            }
    64          }
    65      }
    66  
    67      code {
    68          @include box-sizing;
    69          @include border-radius(3px);
    70  
    71          margin: 0;
    72          padding: 0.2em 0;
    73  
    74          font-size: 85%;
    75          background-color: rgba(0,0,0,0.04);
    76  
    77          &:before, &:after {
    78              letter-spacing: -0.2em;
    79              content: "\00a0";
    80          }
    81      }
    82  
    83      table {
    84          @include box-sizing;
    85  
    86          display: block;
    87          width: 100%;
    88          overflow: auto;
    89          word-break: normal;
    90          border-collapse: collapse;
    91          border-spacing: 0;
    92  
    93          tr {
    94              background-color: #fff;
    95              border-top: 1px solid #ccc;
    96  
    97              th, td {
    98                  padding: 6px 13px;
    99                  border: 1px solid #ddd;
   100              }
   101          }
   102      }
   103  
   104      blockquote {
   105          font-size: 14px;
   106          margin: 0px;
   107          padding: 0 15px;
   108          color: #777;
   109          border-left: 4px solid #ddd;
   110      }
   111  }
   112  
   113  #contents .contents-body.print {
   114      width: 100%;
   115  }
   116  
   117  #contents .contents-body.noprint {
   118      width: 800px;
   119  }