page_columns.css 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  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. height: calc(100vh - 5rem);
  21. */
  22. }
  23. div.bx-std-page-column.bx-std-page-menu {
  24. position: relative;
  25. -webkit-flex: 0 0 20rem;
  26. flex: 0 0 20rem;
  27. width: 20rem;
  28. height: 100%;
  29. border-right: 1px solid rgb(209, 213, 219);
  30. background-color: rgb(229, 231, 235);
  31. overflow-y: auto;
  32. }
  33. div.bx-std-page-column.bx-std-page-menu::-webkit-scrollbar {
  34. display: none;
  35. }
  36. div.bx-std-page-column.bx-std-page-menu div.bx-std-page-column-cnt {
  37. position: -webkit-sticky;
  38. position: sticky;
  39. top: 0;
  40. padding-top: 5rem;
  41. }
  42. div.bx-std-page-column.bx-std-page-content {
  43. position: relative;
  44. -webkit-flex-grow: 2;
  45. flex-grow: 2;
  46. height: 100%;
  47. background-color: rgba(229, 231, 235, 1.0);
  48. overflow-x: hidden;
  49. overflow-y: auto;
  50. }
  51. div.bx-std-page-column.bx-std-page-content::-webkit-scrollbar {
  52. display: none;
  53. }
  54. div.bx-std-page-column.bx-std-page-content div.bx-std-page-column-cnt {
  55. width: 100%;
  56. height: max-content;
  57. padding: 6.0rem 1.0rem 1.0rem 1.0rem;
  58. }