Cutieguwu/cutieguwu-site
1
0
Fork 0
Code Issues 10 Pull Requests Projects 1 Releases Activity

Adjust all styles for box-sizing: border-box to begin working on RWD to add Mobile support.

Browse Source
This commit is contained in:
Cutieguwu
2025-08-03 22:33:00 -04:00
parent 5f3a07d51f
commit 9c6b86371b
9 changed files with 294 additions and 269 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/partials/_pane_spacer.scss
View File

@@ -1,27 +1,23 @@
.pane_spacer {
margin: var(--margin-pane);
padding: 0;
margin: 0;
padding: var(--margin-pane);
width: min-content;
height: 100vh;
display: grid;
grid-auto-flow: row;
gap: var(--spacing-menu-gap);
position: sticky;
top: var(--margin-pane);
bottom: var(--margin-pane);
top: 0;
right: 0;
.spacer_container {
margin: 0;
padding: var(--spacing-horizontal);
background-color: var(--background-2);
height: calc(
50vh - var(--margin-pane) - calc(
var(--spacing-menu-gap) / 2
) - calc(var(--spacing-horizontal) * 2)
);
height: 100%;
border-radius: var(--border-radius-leaf);
display: flex;