| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 |
- /*--- 2 columns ---*/
- .bx-std-pc-stretch {
- position: relative;
- display: -webkit-flex;
- display: flex;
- -webkit-align-items: stretch;
- align-items: stretch;
- box-sizing: border-box;
- }
- .bx-std-pc-vstretch {
- width: 100%
- }
- div.bx-std-page-columns-cnt {
- position: relative;
- display: -webkit-flex;
- display: flex;
- -webkit-align-items: stretch;
- align-items: stretch;
- /*
- height: calc(100vh - 5rem);
- */
- }
- /*--- Page Menu ---*/
- div.bx-std-page-column.bx-std-page-menu {
- position: relative;
- -webkit-flex: 0 0 20rem;
- flex: 0 0 20rem;
- width: 20rem;
- height: 100%;
- box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.05);
- backdrop-filter: blur(40px);
- overflow-y: auto;
- }
- div.bx-std-page-column.bx-std-page-menu::-webkit-scrollbar {
- display: none;
- }
- div.bx-std-page-column.bx-std-page-menu div.bx-std-page-column-cnt {
- position: -webkit-sticky;
- position: sticky;
- top: 0;
- padding-top: 5rem;
- }
- /*--- Page Content ---*/
- div.bx-std-page-column.bx-std-page-content {
- position: relative;
- -webkit-flex-grow: 2;
- flex-grow: 2;
- height: 100%;
- overflow-x: hidden;
- overflow-y: auto;
- }
- div.bx-std-page-column.bx-std-page-content::-webkit-scrollbar {
- display: none;
- }
- div.bx-std-page-column.bx-std-page-content div.bx-std-page-column-cnt {
- width: 100%;
- height: max-content;
- padding: 5.0rem 1.0rem 1.0rem 1.0rem;
- }
|