$prefix: 'ewt-demo';
.#{$prefix} {
  font-size: 14px;
  .#{$prefix}-content {
    color: #333;
    margin: 0 40px;
    & > h1, & > h2, & > h3, & > h4 {
      font-weight: 400;
      line-height: 1.5;
      margin: 20px 0 10px;
      position: relative;
      color: rgba(51,51,51,.9);
      font-size: 18px;
    }
    & > h2 {
      font-size: 30px;
    }
    & > h3 {
      font-size: 22px;
      margin-top: 40px;
    }
    & > h5 {
      font-size: 16px;
    }
    & > p {
      color: #666;
      font-size: 14px;
      line-height: 20px;
      margin: 14px 0;
    }
    & > table {
      background-color: #fff;
      border-collapse: collapse;
      color: #333;
      font-size: 14px;
      margin-bottom: 45px;
      width: 100%;
      th {
        background-color: #f5f7fa;
        border: 1px solid #eaeefb;
        font-weight: 400;
        padding: 10px;
        text-align: left;
      }
      td {
        border: 1px solid #eaeefb;
        padding: 10px;
      }
    }
    & > ul, & > ol {
      li {
        color: #666;
        font-size: 14px;
        line-height: 20px;
        margin: 10px 0 10px 20px;
        padding-left: 20px;
        position: relative;
      }
    }
    & > ul {
      li {
        &:before {
          -webkit-box-sizing: border-box;
          border: 1px solid #666;
          border-radius: 50%;
          box-sizing: border-box;
          content: "";
          height: 6px;
          left: 0;
          margin-top: 8px;
          position: absolute;
          top: 0;
          width: 6px;
        }
      }
    }
    & > ol {
      li {
        padding-left: 0;
      }
    }
  }
  .#{$prefix}-content.ewt-code.mode-markdown {
    margin-left: 0;
    margin-right: 0;
    border: 0 none;
    code {
      display: inline-block;
      border: 0 none;
      margin-bottom: 0;
      vertical-align: middle;
      background-color: #F0F0F0;
      padding: 3px 5px;
      margin: 0 3px;
    }
    pre {
      background-color: #F4F4F4;
      border-radius: 3px;
      color: #333333;
      display: block;
      font-size: 13px;
      font-weight: 400;
      line-height: 22px;
      overflow-x: auto;
      padding: 18px 10px 18px 20px;
      position: relative;
      white-space: pre-wrap;
      word-break: break-all;
      code {
        margin: 0;
        padding: 0;
        background-color: transparent;
      }
    }
  }
}