// 
// editors.scss
// 

.ql-editor {
     text-align: left;

     ol,
     ul {
          padding-left: 1.5em;
          padding-right: 0;
     }

     li:not(.ql-direction-rtl)::before {
          margin-left: -1.5em;
          margin-right: 0.3em;
          text-align: right;
     }
}

.ql-container {
     font-family: $font-family-base;

     &.ql-snow {
          border-color: $input-border-color;
          border-radius: 0 0 $input-border-radius $input-border-radius;
     }
}

.ql-bubble {
     border: $input-border-width solid $input-border-color;
     border-radius: $input-border-radius;
}

.ql-toolbar {
     font-family: $font-family-base  !important;

     span {
          outline: none !important;
          color: $dropdown-link-color;

          &:hover {
               color: $primary !important;
          }
     }

     &.ql-snow {
          border-radius: $input-border-radius $input-border-radius 0 0;
          border-color: $input-border-color;

          .ql-picker.ql-expanded {
               .ql-picker-label {
                    border-color: transparent;
               }
          }

          .ql-picker-options {
               box-shadow: $dropdown-box-shadow;
               border-radius: $dropdown-border-radius;
          }
     }
}

.ql-snow {

     .ql-stroke,
     .ql-script,
     .ql-strike svg {
          stroke: $dropdown-link-color;
     }

     .ql-fill {
          fill: $dropdown-link-color;
     }

     .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) {
          svg {
               right: 0;
               left: auto;
          }
     }

     .ql-picker {
          &.ql-expanded .ql-picker-label {
               color: $dropdown-link-color;
          }
     }
}

.ql-snow {
     .ql-picker-options {
          background-color: $card-bg;
          border-color: $dropdown-border-color  !important;
     }
}