style.scss

@import "../../interface/src/style.scss";
@import "../../dataviews/src/style.scss";

@import "./components/add-new-template/style.scss";
@import "./components/block-editor/style.scss";
@import "./components/canvas-loader/style.scss";
@import "./components/code-editor/style.scss";
@import "./components/global-styles/style.scss";
@import "./components/global-styles/screen-revisions/style.scss";
@import "./components/header-edit-mode/style.scss";
@import "./components/list/style.scss";
@import "./components/page/style.scss";
@import "./components/page-pages/style.scss";
@import "./components/page-patterns/style.scss";
@import "./components/page-templates-template-parts/style.scss";
@import "./components/table/style.scss";
@import "./components/sidebar-edit-mode/style.scss";
@import "./components/sidebar-edit-mode/page-panels/style.scss";
@import "./components/sidebar-edit-mode/settings-header/style.scss";
@import "./components/sidebar-edit-mode/sidebar-card/style.scss";
@import "./components/sidebar-edit-mode/template-panel/style.scss";
@import "./components/editor/style.scss";
@import "./components/create-template-part-modal/style.scss";
@import "./components/welcome-guide/style.scss";
@import "./components/start-template-options/style.scss";
@import "./components/keyboard-shortcut-help-modal/style.scss";
@import "./components/layout/style.scss";
@import "./components/save-hub/style.scss";
@import "./components/save-panel/style.scss";
@import "./components/sidebar/style.scss";
@import "./components/sidebar-button/style.scss";
@import "./components/sidebar-navigation-item/style.scss";
@import "./components/sidebar-navigation-screen/style.scss";
@import "./components/sidebar-navigation-screen-details-footer/style.scss";
@import "./components/sidebar-navigation-screen-navigation-menu/style.scss";
@import "./components/sidebar-navigation-screen-page/style.scss";
@import "./components/sidebar-navigation-screen-templates/style.scss";
@import "components/sidebar-navigation-screen-details-panel/style.scss";
@import "./components/sidebar-navigation-screen-pattern/style.scss";
@import "./components/sidebar-navigation-screen-patterns/style.scss";
@import "./components/sidebar-navigation-screen-template/style.scss";
@import "./components/sidebar-dataviews/style.scss";
@import "./components/site-hub/style.scss";
@import "./components/sidebar-navigation-screen-navigation-menus/style.scss";
@import "./components/site-icon/style.scss";
@import "./components/style-book/style.scss";
@import "./components/editor-canvas-container/style.scss";
@import "./components/resizable-frame/style.scss";
@import "./hooks/push-changes-to-global-styles/style.scss";
@import "./components/global-styles/font-library-modal/style.scss";
@import "./components/pagination/style.scss";

body.js #wpadminbar {
	display: none;
}

body.js #wpbody {
	padding-top: 0;
}

body.js.appearance_page_gutenberg-template-parts,
body.js.site-editor-php {
	@include wp-admin-reset(".edit-site");
}

body.js.site-editor-php {
	background: $gray-900;
}

.edit-site,
// The modals are shown outside the .edit-site wrapper, they need these styles.
.components-modal__frame {
	@include reset;
}

.edit-site {
	height: 100vh;

	// On mobile the main content area has to scroll, otherwise you can invoke
	// the over-scroll bounce on the non-scrolling container, for a bad experience.
	@include break-small {
		bottom: 0;
		left: 0;
		min-height: 100vh;
		position: fixed;
		right: 0;
		top: 0;
	}

	.no-js & {
		min-height: 0;
		position: static;
	}

	.interface-interface-skeleton {
		top: 0;
	}

	// Todo: Remove this rule when edit site gets support
	// for opening unpinned sidebar items.
	.interface-complementary-area__pin-unpin-item.components-button {
		display: none;
	}

	.interface-interface-skeleton__content {
		background-color: $gray-900;
	}
}

/**
 * Animations
 */

// These keyframes should not be part of the _animations.scss mixins file.
// Because keyframe animations can't be defined as mixins properly, they are duplicated.
// Since they are intended only for the editor, we add them here instead.
@keyframes edit-post__fade-in-animation {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@include wordpress-admin-schemes();