Sha256: edfb25ad75c13185404cc2dd2d410822dc652c37085da20e3a4de4b4baa985ae

Contents?: true

Size: 1.32 KB

Versions: 18

Compression:

Stored size: 1.32 KB

Contents

.v-rich-text-area-container[data-resizable] {
  .ql-editor {
    overflow-y: scroll;
    resize: vertical;
  }
}

.v-rich-text-area-container {
  position: relative;
  width: 100%;

  &[disabled] {
    opacity: 0.67; // closely approximates MDC
    cursor: default;
    pointer-events: none;
  }

  label {
    display: block;
    margin-top: 16px;
  }

  .ql-toolbar {
    margin-top: 16px;

    &.ql-snow {
      border-color: $v-input-border-color;
      border-top-left-radius: $v-input-border-radius;
      border-top-right-radius: $v-input-border-radius;
    }

    .ql-horizontal-rule:after {
      content: '—–';
    }
  }

  .v-rich-text-area {
    &.ql-snow {
      border-color: $v-input-border-color;
      border-bottom-left-radius: $v-input-border-radius;
      border-bottom-right-radius: $v-input-border-radius;
    }
  }

  &:hover {
    .ql-toolbar {
      &.ql-snow {
        border-color: $v-input-hover-border-color;
      }
    }

    .v-rich-text-area {
      &.ql-snow {
        border-color: $v-input-hover-border-color;
      }
    }
  }
}

$fontSizes: (
  xx-small: 'Tiny',
  x-small: 'Small',
  medium: 'Normal',
  large: 'Large',
  x-large: 'Huge',
);

@each $size, $text in $fontSizes {
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="#{$size}"]::before {
    content: $text;
    font-size: $size;
  }
}

Version data entries

18 entries across 18 versions & 2 rubygems

Version Path
coprl-3.0.0.beta.12 views/mdc/assets/scss/components/rich-text-area.scss
coprl-3.0.0.beta.11 views/mdc/assets/scss/components/rich-text-area.scss
coprl-3.0.0.beta.10 views/mdc/assets/scss/components/rich-text-area.scss
coprl-3.0.0.beta.9 views/mdc/assets/scss/components/rich-text-area.scss
coprl-3.0.0.beta.8 views/mdc/assets/scss/components/rich-text-area.scss
coprl-3.0.0.beta.7 views/mdc/assets/scss/components/rich-text-area.scss
coprl-3.0.0.beta.6 views/mdc/assets/scss/components/rich-text-area.scss
coprl-3.0.0.beta.5 views/mdc/assets/scss/components/rich-text-area.scss
voom-presenters-2.1.2 views/mdc/assets/scss/components/rich-text-area.scss
coprl-3.0.0.beta.4 views/mdc/assets/scss/components/rich-text-area.scss
coprl-3.0.0.beta.3 views/mdc/assets/scss/components/rich-text-area.scss
coprl-3.0.0.beta.2 views/mdc/assets/scss/components/rich-text-area.scss
coprl-3.0.0.beta.1 views/mdc/assets/scss/components/rich-text-area.scss
voom-presenters-2.1.0 views/mdc/assets/scss/components/rich-text-area.scss
voom-presenters-2.0.3 views/mdc/assets/scss/components/rich-text-area.scss
voom-presenters-2.0.2 views/mdc/assets/scss/components/rich-text-area.scss
voom-presenters-2.0.1 views/mdc/assets/scss/components/rich-text-area.scss
voom-presenters-2.0.0 views/mdc/assets/scss/components/rich-text-area.scss