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. /*--- Page Menu ---*/
  24. div.bx-std-page-column.bx-std-page-menu {
  25. position: relative;
  26. -webkit-flex: 0 0 20rem;
  27. flex: 0 0 20rem;
  28. width: 20rem;
  29. height: 100%;
  30. box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.05);
  31. backdrop-filter: blur(40px);
  32. overflow-y: auto;
  33. }
  34. div.bx-std-page-column.bx-std-page-menu::-webkit-scrollbar {
  35. display: none;
  36. }
  37. div.bx-std-page-column.bx-std-page-menu div.bx-std-page-column-cnt {
  38. position: -webkit-sticky;
  39. position: sticky;
  40. top: 0;
  41. padding-top: 5rem;
  42. }
  43. /*--- Page Content ---*/
  44. div.bx-std-page-column.bx-std-page-content {
  45. position: relative;
  46. -webkit-flex-grow: 2;
  47. flex-grow: 2;
  48. height: 100%;
  49. overflow-x: hidden;
  50. overflow-y: auto;
  51. }
  52. div.bx-std-page-column.bx-std-page-content::-webkit-scrollbar {
  53. display: none;
  54. }
  55. div.bx-std-page-column.bx-std-page-content div.bx-std-page-column-cnt {
  56. width: 100%;
  57. height: max-content;
  58. padding: 5.0rem 1.0rem 1.0rem 1.0rem;
  59. }