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;
flex-direction: column;
padding: 0;
text-align: left;
.chunk,
hr {
margin: var(--spacing-horizontal);
.chunk + .chunk {
margin-top: var(--spacing-horizontal);
}
.chunk {
@@ -20,10 +20,16 @@
padding: var(--spacing-horizontal);
text-align: start;
width: calc(100% - calc(var(--spacing-horizontal) * 2));
margin: 0;
.name,
.subtitle,
.status {
margin: 0;
margin: inherit;
}
.name {

View File

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

View File

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

View File

@@ -1,3 +1,4 @@
@use "blog_recent_posts";
@use "page_disclosure";
@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 {
align-self: center;
}
.work_history,
.education {
max-width: 45%;
.chunk_list {
flex-direction: column-reverse;
flex-direction: column-reverse !important;
}
}
.awards {
max-width: 45%;
}
.certifications {
max-width: 45%;
.awards,
.certifications,
.education,
.work_history {
max-width: 44%;
}
.software {
max-width: 60%;
max-width: 55%;
.premiere_pro {
color: var(--accent-purple);

View File

@@ -13,6 +13,37 @@
border-radius: var(--border-radius-leaf);
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);
}
}
}
}