// Vzhled obsahu v editoru administrace.
//
// ContentBuilder edituje obsah přímo v DOM administrace, takže bez těchto stylů
// uživatel vidí něco jiného, než co bude na webu. Natahujeme proto stejné
// zdroje jako frontend — obsahovou typografii, obsahové bloky a knihovnu
// ContentBuilderu.
//
// Všechny tři soubory jsou zapsané pod .StyledText, což je zároveň obal editoru
// (FormWrapperAdminComponent.vue), takže styly nepřetečou do zbytku administrace.
// Doplňujeme jen proměnné a fonty, na kterých ty soubory stojí.

@use "../frontend/base/colors";
@use "../frontend/base/fonts";
@use "../frontend/base/sizing";
@use "../frontend/components/styled-text";
@use "../frontend/components/content-blocks";
@use "../frontend/libraries/content-builder";

:root {
    --base-transition: all .25s ease;
}

// Editor sám o sobě nemá šířku obsahu jako frontend — omezíme ji, aby řádky
// nebyly přes celou administraci a odpovídaly tomu, co uvidí návštěvník.
[data-container-builder-editor] {
    max-width: 60rem;
}