layout-2-col.css

Same filename and directory in other branches
  1. 11.x core/profiles/demo_umami/themes/umami/css/layout/layout-2-col.css
  2. 9 core/profiles/demo_umami/themes/umami/css/layout/layout-2-col.css
  3. 8.9.x core/profiles/demo_umami/themes/umami/css/layout/layout-2-col.css

This file is used to create the layout when the theme has 2 columns.

File

core/profiles/demo_umami/themes/umami/css/layout/layout-2-col.css

View source
  1. /**
  2. * @file
  3. * This file is used to create the layout when the theme has 2 columns.
  4. */
  5. .two-columns .main {
  6. display: grid;
  7. gap: 14px;
  8. }
  9. /* Large */
  10. @media screen and (min-width: 60rem) {
  11. /* 960px */
  12. .two-columns .main {
  13. grid-template-columns: 72% 1fr;
  14. gap: 3%;
  15. }
  16. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.