Contents

.effective_editor { height: 0; width: 0; padding: 0; margin: 0; visibility: hidden; }

// Bootstrap 4 Feedback client side
.was-validated .form-control:invalid ~ .ql-container, { border-color: #dc3545; }
.was-validated .form-control:valid ~ .ql-container { border-color: #28a745; }
.was-validated .form-control:invalid ~ .ql-toolbar, { border-color: #dc3545; }
.was-validated .form-control:valid ~ .ql-toolbar { border-color: #28a745; }

// Bootstrap 4 Server side feedback
.form-control.is-invalid ~ .ql-container { border-color: #dc3545; }
.form-control.is-invalid ~ .ql-toolbar { border-color: #dc3545; }
.form-control.is-valid ~ .ql-container { border-color: #28a745; }
.form-control.is-valid ~ .ql-toolbar { border-color: #28a745; }

.ql-effective.ql-container {
  font-family: inherit;
  font-size: inherit;
}

// Now for the editor itself
.effective_editor_content.ql-container {
  border: none;

  .ql-editor { padding: 0; }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
effective_bootstrap-0.0.29	app/assets/stylesheets/effective_editor/overrides.scss
effective_bootstrap-0.0.28	app/assets/stylesheets/effective_editor/overrides.scss