ShowEasyFrontEnd/FrontEnd/assets/scss/editor.scss

.editor-styleguide {
  h3,h4,ul,ol,li,p,span {
    color:#232323;
    font-weight: 400;
  }
  h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 12px !important;
  }
  h4 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 12px !important;
  }
  p {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 16px;
  }
  ol {
    list-style: none;
  }
  ol li {
    font-size: 14px;
    margin-bottom: 8px;
    list-style-type: decimal;
    &:last-child {
      margin-bottom: 0;
    }
    &.ql-indent-1 {
      margin-left: 20px;
      list-style-type: disc;
      &::marker {
        font-size: 14px;
      }
    }
    &.ql-indent-2 {
      margin-left: 40px;
      list-style-type: circle;
      &::marker {
        font-size: 14px;
      }
    }
  }
  ul li {
    font-size: 14px;
    margin-bottom: 8px;
    &:last-child {
      margin-bottom: 0;
    }
    &.ql-indent-1 {
      margin-left: 20px;
      &::marker {
        font-size: 14px;
      }
    }
    &.ql-indent-2 {
      margin-left: 40px;
      &::marker {
        font-size: 14px;
      }
    }
  }
  li::marker {
    font-family: "Arial" , cursive, sans-serif;
    font-size: 14px;
    font-weight: 400;
  }
}
@media screen and (min-width:768px) {
  .editor-styleguide {
    h3 {
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 16px !important;
    }
    h4 {
      font-size: 18px;
      font-weight: 500;
      margin-bottom: 16px !important;
    }
    p {
      font-size: 16px;
      margin-bottom: 32px;
    }
    ul,ol {
      margin-bottom: 32px;
    }
    ol li {
      font-size: 16px;
      margin-bottom: 16px;
      &:last-child {
        margin-bottom: 0;
      }
      &.ql-indent-1 {
        &::marker {
          font-size: 16px;
        }
      }
      &.ql-indent-2 {
        &::marker {
          font-size: 16px;
        }
      }
    }
    ul li {
      font-size: 16px;
      margin-bottom: 12px;
      &:last-child {
        margin-bottom: 0;
      }
      &.ql-indent-1 {
        &::marker {
          font-size: 16px;
        }
      }
      &.ql-indent-2 {
        &::marker {
          font-size: 16px;
        }
      }
    }
    li::marker {
      font-size: 16px;
    }
  }
}