scrapbox-style-page-width

code:css

code:style.css

.col-page {

/* width: calc(100% - 132px); */

width: 100%;

max-width: 100%;

/* max-width: none; */

}

div.col-page-side {

width: initial;

}

.container {

max-width: 100%;

margin-left: 0px;

margin-right: 0px;

}

code:style.css

code:css

.page-column: has(.page-sidebar) {

/* grid-template-columns:minmax(200px, 3fr) minmax(170px, 1fr) min-content; */

grid-template-columns: auto min-content;

}

code:css

code:style.css

.page-column {

display: grid;

align-items: flex-start;

flex-wrap: nowrap;

justify-content: center;

gap: 10px;

grid-template-columns: 5px minmax(90%, auto) min-content;

grid-template-areas: "spacer page menu"

}

@media(991px < width) {

.page-column: has(.page-sidebar) {

/* grid-template-columns:minmax(200px, 3fr) minmax(170px, 1fr) min-content; */

grid-template-columns: 1px minmax(90%, auto) min-content;

grid-template-areas: "page sidebar menu"

}

}

@media(min-width: 768px)and (max-width: 991px) {

.page-column {

grid-template-columns:minmax(90%, auto) min-content;

grid-template-areas: "page menu"

}

}

@media(max-width: 767px) {

.page-column {

display:flex

}

}

code:style.css

code:css

.col-page {

/* width: calc(100% - 132px); */

width: 100%;

max-width: 100%;

}

div.col-page-side {

width: initial;

}

.container {

max-width: 100%;

margin-left: 0px;

margin-right: 0px;

}

code:css

.page-column:has(.page-menu) {

grid-template-columns: 5%;

}

code:css

.col-page {

max-width: none;

}

.col-page-side {

width: 0;

}