Lots of styling updates and fixes.

This commit is contained in:
Cutieguwu
2025-08-01 22:26:20 -04:00
parent b2c5c75e80
commit d65d2e48ae
7 changed files with 65 additions and 25 deletions

View File

@@ -1,12 +1,12 @@
.chunk_list { .chunk_list,
.pane_main .main_body .chunk_list {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 0; padding: 0;
text-align: left; text-align: left;
.chunk, .chunk + .chunk {
hr { margin-top: var(--spacing-horizontal);
margin: var(--spacing-horizontal);
} }
.chunk { .chunk {
@@ -20,10 +20,16 @@
padding: var(--spacing-horizontal); padding: var(--spacing-horizontal);
text-align: start;
width: calc(100% - calc(var(--spacing-horizontal) * 2));
margin: 0;
.name, .name,
.subtitle, .subtitle,
.status { .status {
margin: 0; margin: inherit;
} }
.name { .name {

View File

@@ -112,3 +112,7 @@ ion-icon {
flex-flow: row wrap; flex-flow: row wrap;
align-items: flex-start; align-items: flex-start;
} }
.italic {
font-style: italic;
}

View File

@@ -5,9 +5,13 @@
.item { .item {
margin: var(--spacing-horizontal); margin: var(--spacing-horizontal);
padding: var(--spacing-horizontal); padding: calc(var(--spacing-horizontal) * 2);
background-color: var(--background-1); background-color: var(--background-1);
border-radius: var(--border-radius-leaf); border-radius: var(--border-radius-leaf);
.title {
text-align: center;
}
} }
} }

View File

@@ -1,3 +1,4 @@
@use "blog_recent_posts"; @use "blog_recent_posts";
@use "page_disclosure";
@use "page_resume"; @use "page_resume";

View File

@@ -0,0 +1,4 @@
.website_security,
.cookies {
max-width: 44%;
}

View File

@@ -1,33 +1,23 @@
.work_history {
max-width: 45%;
.chunk_list {
flex-direction: column-reverse;
}
}
.early_history { .early_history {
align-self: center; align-self: center;
} }
.work_history,
.education { .education {
max-width: 45%;
.chunk_list { .chunk_list {
flex-direction: column-reverse; flex-direction: column-reverse !important;
} }
} }
.awards { .awards,
max-width: 45%; .certifications,
} .education,
.work_history {
.certifications { max-width: 44%;
max-width: 45%;
} }
.software { .software {
max-width: 60%; max-width: 55%;
.premiere_pro { .premiere_pro {
color: var(--accent-purple); color: var(--accent-purple);

View File

@@ -13,6 +13,37 @@
border-radius: var(--border-radius-leaf); border-radius: var(--border-radius-leaf);
padding: var(--spacing-horizontal); padding: var(--spacing-horizontal);
text-align: center; .header {
text-align: center;
padding: var(--spacing-horizontal);
width: min-content;
white-space: nowrap;
margin: 0 auto;
.title {
background-color: var(--background-1);
border-radius: var(--border-radius-leaf);
padding: var(--spacing-horizontal);
}
.date {
display: block;
font-size: 0.85rem;
font-weight: normal;
font-style: italic;
font-family: var(--font-family-generic);
}
}
.body {
text-align: start;
p {
color: var(--white-1);
}
}
} }
} }