getlackey/lackey-cms

View on GitHub
modules/cms/client/scss/wysiwyg.scss

Summary

Maintainability
Test Coverage
@import "vars";
@import "medium-editor/src/sass/medium-editor.scss";
@import "medium-editor/src/sass/themes/bootstrap.scss";
@import "medium-editor-tables/src/sass/medium-editor-tables.scss";

.medium-editor-toolbar,
.medium-editor-toolbar-form,
.medium-editor-toolbar-anchor-preview {
    border: none;
    border-radius: 0;
    background-color: $color-background;
}

.medium-editor-toolbar,
.medium-editor-toolbar-anchor-preview {
    box-shadow: 3px 5px 23px -3px rgba(0, 0, 0, 0.3);
}

.medium-editor-toolbar {
    li {
        button {
            text-align: center;
            border-right: 1px solid $color-washed;

            img { vertical-align: middle; }
        }
        button:hover, .medium-editor-button-active {
            background-color: $color-background-accent;
        }
    }
}

.medium-editor-anchor-preview {
    a {
        margin: 1em;

        text-decoration: none;
    }
}

.medium-editor-toolbar-form{
    .medium-editor-toolbar-input {
        background-color: $color-background;
    }
}


.medium-toolbar-arrow-over:before {
    border-color: transparent transparent $color-background transparent;
}
.medium-toolbar-arrow-under:after {
    border-color: $color-background transparent transparent transparent;
}

img[src=""] {
    content: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==);;

    min-width: 5em;
    min-height: 5em;
    margin: 0.5em;

    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0ZGRiIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0yNCAyNEgwVjBoMjR2MjR6Ii8+PC9kZWZzPjxjbGlwUGF0aCBpZD0iYiI+PHVzZSBvdmVyZmxvdz0idmlzaWJsZSIgeGxpbms6aHJlZj0iI2EiLz48L2NsaXBQYXRoPjxwYXRoIGQ9Ik0zIDRWMWgydjNoM3YySDV2M0gzVjZIMFY0aDN6bTMgNlY3aDNWNGg3bDEuODMgMkgyMWMxLjEgMCAyIC45IDIgMnYxMmMwIDEuMS0uOSAyLTIgMkg1Yy0xLjEgMC0yLS45LTItMlYxMGgzem03IDljMi43NiAwIDUtMi4yNCA1LTVzLTIuMjQtNS01LTUtNSAyLjI0LTUgNSAyLjI0IDUgNSA1em0tMy4yLTVjMCAxLjc3IDEuNDMgMy4yIDMuMiAzLjJzMy4yLTEuNDMgMy4yLTMuMi0xLjQzLTMuMi0zLjItMy4yLTMuMiAxLjQzLTMuMiAzLjJ6IiBjbGlwLXBhdGg9InVybCgjYikiLz48L3N2Zz4=),
        repeating-linear-gradient(
        45deg,
        #9c5f5f,
        #9c5f5f 5px,
        #733849 5px,
        #733849 10px);
    background-size: 40% auto, auto;
    background-repeat: no-repeat, repeat;
    background-position: center, center;

    border-radius: 0.5em;
}