/*

Lesli

Copyright (c) 2023, Lesli Technologies, S. A.

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program. If not, see http://www.gnu.org/licenses/.

Lesli · Ruby on Rails SaaS development platform.

Made with ♥ by https://www.lesli.tech
Building a better future, one line of code at a time.

@contact  hello@lesli.tech
@website  https://www.lesli.tech
@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html

// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
// ·  

*/


.component-editor-richtext {
    border-radius: 3px;
    border: 1px solid lesli-css-color(silver, 300);

    trix-editor,
    .trix-button-group,
    .trix-button-group button,
    .trix-button-group button:not(:first-child) {
        border: none;
    }

    .trix-button-row {
        margin: 8px 0;
    }

    .trix-button-group {
        margin: 0;
    }

    &.normal {
        .trix-button-group.trix-button-group--history-tools,
        .trix-button-group.trix-button-group--file-tools {
            display: none;
        }
    }

    &.small {
        .trix-button-group.trix-button-group--history-tools,
        .trix-button-group.trix-button-group--block-tools,
        .trix-button-group.trix-button-group--file-tools {
            display: none;
        }
    }

    &.empty {
        trix-toolbar {
            display: none;
        }
    }

    .attachment--png {
        display: none !important;
    }

    // custom buttons
    .trix-lesli-button {
        background-color: transparent;
        color: lesli-css-color(silver, 900);

        &:hover {
            cursor: pointer;
        }
    }
}