2 background-color: #f7f7f7;
4 outline: 2px dashed #979797;
8 transition: visually-hidden 2s ease-out, height 2s ease-in;
16 background: url(../../../misc/icons/787878/plus.svg) transparent top left / 16px 16px no-repeat;
19 .new-section__link:hover,
20 .new-section__link:active,
21 .new-section__link:focus,
22 .new-block__link:hover,
23 .new-block__link:active,
24 .new-block__link:focus {
25 border-bottom-style: none;
33 .layout-section .ui-sortable-helper {
34 background-color: #fff;
35 outline: 2px solid #f7f7f7;
38 .layout-section .ui-state-drop {
39 background-color: #ffd;
40 outline: 2px dashed #fedb60;
45 .layout-section .layout-builder--layout__region {
46 outline: 2px dashed #2f91da;
49 .layout-section .layout-builder--layout__region .new-block {
50 background-color: #eff6fc;
55 .layout-section .layout-builder--layout__region .block {
59 .layout-section .remove-section {
61 background: url(../../../misc/icons/bebebe/ex.svg) #fff center center / 16px 16px no-repeat;
62 border: 1px solid #ccc;
63 box-sizing: border-box;
70 display: inline-block;
75 .layout-section .remove-section:hover {
76 background-image: url(../../../misc/icons/787878/ex.svg);
79 #drupal-off-canvas .layout-selection li {
84 #drupal-off-canvas .layout-selection li a {