yaffs.net Git - yaffs-website/blob - web/core/modules/layout_builder/css/layout-builder.css

   1 .add-section {
   2   width: 100%;
   3   outline: 2px dashed #979797;
   4   padding: 1.5em 0;
   5   text-align: center;
   6   margin-bottom: 1.5em;
   7   transition: visually-hidden 2s ease-out, height 2s ease-in;
   8 }
   9
  10 .layout-section {
  11   margin-bottom: 1.5em;
  12 }
  13
  14 .layout-section .layout-builder--layout__region {
  15   outline: 2px dashed #2f91da;
  16   padding: 1.5em 0;
  17 }
  18
  19 .layout-section .layout-builder--layout__region .add-block {
  20   text-align: center;
  21 }
  22
  23 .layout-section .remove-section {
  24   position: relative;
  25   background: url(../../../misc/icons/bebebe/ex.svg) #fff center center / 16px 16px no-repeat;
  26   border: 1px solid #ccc;
  27   box-sizing: border-box;
  28   font-size: 1rem;
  29   padding: 0;
  30   height: 26px;
  31   width: 26px;
  32   white-space: nowrap;
  33   text-indent: -9999px;
  34   display: inline-block;
  35   border-radius: 26px;
  36   margin-left: -10px;
  37 }
  38
  39 .layout-section .remove-section:hover {
  40   background-image: url(../../../misc/icons/787878/ex.svg);
  41 }
  42
  43 #drupal-off-canvas .layout-selection li {
  44   display: block;
  45   padding-bottom: 1em;
  46 }
  47
  48 #drupal-off-canvas .layout-selection li a {
  49   display: block;
  50   padding-top: 0.55em;
  51 }