/
style.scss
126 lines (111 loc) · 4.14 KB
/
style.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
@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();