-
Notifications
You must be signed in to change notification settings - Fork 4.2k
/
editor.scss
44 lines (40 loc) · 1.32 KB
/
editor.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
.block-editor-template-part__selection-modal {
z-index: z-index(".block-editor-template-part__selection-modal");
// To keep modal dimensions consistent as subsections are navigated, width
// and height are used instead of max-(width/height).
.components-modal__frame {
@include break-small() {
width: calc(100% - #{$grid-unit-20 * 2});
height: calc(100% - #{$header-height * 2});
}
@include break-medium() {
width: $break-medium - $grid-unit-20 * 2;
}
@include break-large() {
height: 70%;
}
}
}
.block-library-template-part__selection-search {
background: $white;
position: sticky;
top: 0;
padding: $grid-unit-20 0;
z-index: z-index(".block-library-template-part__selection-search");
}
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part,
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable {
&.is-highlighted,
&.is-selected {
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
}
&.block-editor-block-list__block:not([contenteditable]):focus {
&::after {
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
// Show a light color for dark themes.
.is-dark-theme & {
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) $dark-theme-focus;
}
}
}
}