layout-2-col.css

Same filename and directory in other branches
  1. 10 core/profiles/demo_umami/themes/umami/css/layout/layout-2-col.css
  2. 11.x core/profiles/demo_umami/themes/umami/css/layout/layout-2-col.css
  3. 9 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. .layout-sidebar {
  6. margin: 0 1.562rem;
  7. }
  8. @media screen and (min-width: 60em) {
  9. .two-columns .main {
  10. display: flex;
  11. justify-content: space-between;
  12. }
  13. .two-columns .main .layout-content {
  14. flex: 1 1 75%;
  15. }
  16. .layout-sidebar {
  17. flex: 0 0 25%;
  18. width: 25%;
  19. min-width: 300px;
  20. }
  21. }

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