yaffs.net Git - yaffs-website/blob - vendor/chi-teck/drupal-code-generator/templates/d8/_layout/styles.twig

   1 .layout--{{ layout_machine_name|u2h }} {
   2   outline: solid 1px orange;
   3   display: flex;
   4   padding: 10px;
   5 }
   6
   7 .layout--{{ layout_machine_name|u2h }} > .layout__region {
   8   outline: solid 1px orange;
   9   margin: 10px;
  10   padding: 20px;
  11 }
  12
  13 .layout--{{ layout_machine_name|u2h }} .layout__region--main {
  14   width: 66%;
  15 }
  16
  17 .layout--{{ layout_machine_name|u2h }} .layout__region--sidebar {
  18   width: 33%;
  19 }
  20
  21 @media all and (max-width: 850px) {
  22   .layout--{{ layout_machine_name|u2h }} {
  23     flex-direction: column;
  24   }
  25   .layout--{{ layout_machine_name|u2h }} > .layout__region {
  26     width: auto;
  27   }
  28 }