layout-2-col.css 399 B

123456789101112131415161718192021222324
  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. }