X-Git-Url: http://aleph1.co.uk/gitweb/?a=blobdiff_plain;f=web%2Fcore%2Fmodules%2Flayout_builder%2Fcss%2Flayout-builder.css;h=c920f23bd40bcb3b8c4b542b27099aa767695d2f;hb=0bf8d09d2542548982e81a441b1f16e75873a04f;hp=9d4bc909c35d15f781216a5d9d90b902a2e2d429;hpb=af6d1fb995500ae68849458ee10d66abbdcfb252;p=yaffs-website

diff --git a/web/core/modules/layout_builder/css/layout-builder.css b/web/core/modules/layout_builder/css/layout-builder.css
index 9d4bc909c..c920f23bd 100644
--- a/web/core/modules/layout_builder/css/layout-builder.css
+++ b/web/core/modules/layout_builder/css/layout-builder.css
@@ -1,4 +1,5 @@
-.add-section {
+.new-section {
+  background-color: #f7f7f7;
   width: 100%;
   outline: 2px dashed #979797;
   padding: 1.5em 0;
@@ -7,19 +8,54 @@
   transition: visually-hidden 2s ease-out, height 2s ease-in;
 }
 
+.new-section__link,
+.new-block__link {
+  color: #787878;
+  border-bottom: none;
+  padding-left: 24px;
+  background: url(../../../misc/icons/787878/plus.svg) transparent top left / 16px 16px no-repeat;
+}
+
+.new-section__link:hover,
+.new-section__link:active,
+.new-section__link:focus,
+.new-block__link:hover,
+.new-block__link:active,
+.new-block__link:focus {
+  border-bottom-style: none;
+  color: #000;
+}
+
 .layout-section {
   margin-bottom: 1.5em;
 }
 
+.layout-section .ui-sortable-helper {
+  background-color: #fff;
+  outline: 2px solid #f7f7f7;
+}
+
+.layout-section .ui-state-drop {
+  background-color: #ffd;
+  outline: 2px dashed #fedb60;
+  margin: 20px;
+  padding: 30px;
+}
+
 .layout-section .layout-builder--layout__region {
   outline: 2px dashed #2f91da;
-  padding: 1.5em 0;
 }
 
-.layout-section .layout-builder--layout__region .add-block {
+.layout-section .layout-builder--layout__region .new-block {
+  background-color: #eff6fc;
+  padding: 1.5em 0;
   text-align: center;
 }
 
+.layout-section .layout-builder--layout__region .block {
+  padding: 1.5em;
+}
+
 .layout-section .remove-section {
   position: relative;
   background: url(../../../misc/icons/bebebe/ex.svg) #fff center center / 16px 16px no-repeat;