donation/public/assets/scss/custom/plugins/_summernote.scss

105 lines
2.3 KiB
SCSS

//
// summernote.scss
//
@font-face {
font-family: "summernote";
font-style: normal;
font-weight: normal;
src: url("../fonts/summernote.eot");
src: url("../fonts/summernote.eot?#iefix") format("embedded-opentype"), url("../fonts/summernote.woff?") format("woff"), url("../fonts/summernote.ttf?") format("truetype")
}
.note-editor {
&.note-frame {
border: 1px solid $input-border-color;
box-shadow: $components-shadow-sm;
margin: 0;
.note-statusbar {
background-color: lighten($gray-200, 2%);
border-top: 1px solid $gray-200;
}
.note-editable {
border: none;
background-color: $input-bg !important;
color: $input-color !important;
}
}
.note-dropzone {
color: $gray-800 !important;
background-color: lighten($gray-200, 2%);
}
}
.note-status-output {
display: none;
}
.note-placeholder {
color: $input-placeholder-color;
}
.note-editable {
border: $input-border-width solid $input-border-color;
border-radius: $input-border-radius;
padding: $input-padding-y $input-padding-x !important;
background-color: $input-bg !important;
color: $input-color !important;
box-shadow: $components-shadow-sm;
p {
&:last-of-type {
margin-bottom: 0;
}
}
}
.note-popover .popover-content .note-color .dropdown-menu,
.card-header.note-toolbar .note-color .dropdown-menu {
min-width: 344px;
}
.note-toolbar {
z-index: 1;
padding: 3px 3px 8px 8px !important;
background-color: $light;
.note-btn {
background: $light;
border-color: $light;
padding: .28rem .65rem;
font-size: 13px;
}
}
.note-color-all {
.note-btn.dropdown-toggle {
width: 30px !important;
&:before {
content: "\F035D";
font: normal normal normal 24px/1 "Material Design Icons";
position: absolute;
left: 2px;
top: 3px;
}
}
}
.note-hint-popover .popover-content {
.note-hint-group {
.note-hint-item{
&.active, &:hover {
background-color: $primary;
}
}
}
}
.note-editor.note-airframe .note-placeholder,
.note-editor.note-frame .note-placeholder {
padding-left: $input-padding-x;
}