page_columns.css 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. /*--- 2 columns ---*/
  2. .bx-std-pc-stretch {
  3. position: relative;
  4. display: -webkit-flex;
  5. display: flex;
  6. -webkit-align-items: stretch;
  7. align-items: stretch;
  8. box-sizing: border-box;
  9. }
  10. .bx-std-pc-vstretch {
  11. width: 100%
  12. }
  13. div.bx-std-page-columns-cnt {
  14. position: relative;
  15. display: -webkit-flex;
  16. display: flex;
  17. -webkit-align-items: stretch;
  18. align-items: stretch;
  19. }
  20. div.bx-std-page-column.bx-std-page-menu {
  21. position: relative;
  22. -webkit-flex: 0 0 230px;
  23. flex: 0 0 230px;
  24. width: 230px;
  25. background-color: #ffffff;
  26. box-shadow: inset -1px 0px 0px rgba(240, 240, 240, 0.2);
  27. }
  28. div.bx-std-page-column.bx-std-page-menu div.bx-std-page-column-cnt {
  29. position: -webkit-sticky;
  30. position: sticky;
  31. top: 0;
  32. }
  33. div.bx-std-page-column.bx-std-page-content {
  34. position: relative;
  35. -webkit-flex-grow: 2;
  36. flex-grow: 2;
  37. overflow-x: hidden;
  38. }
  39. div.bx-std-page-column.bx-std-page-content div.bx-std-page-column-cnt {
  40. width: 100%;
  41. }