From 6776ad8650d59e077e3aebcd2e43e2b4f57c612b Mon Sep 17 00:00:00 2001 From: Sharwin24 Date: Sun, 29 Dec 2024 13:24:45 -0800 Subject: [PATCH] sections styling edits --- assets/styles/sections/education.scss | 16 +++++++++++++--- assets/styles/sections/footer.scss | 23 +++++++++++++++++------ 2 files changed, 30 insertions(+), 9 deletions(-) diff --git a/assets/styles/sections/education.scss b/assets/styles/sections/education.scss index 7717185..9bc838e 100644 --- a/assets/styles/sections/education.scss +++ b/assets/styles/sections/education.scss @@ -2,6 +2,7 @@ @include section-title-adjustment(); .card { + &:hover, &:focus { border-left: 2px solid get-light-color('accent-color'); @@ -52,12 +53,14 @@ &:hover { background: none !important; } + &:first-child { .hline { height: 65%; top: auto; } } + &:last-child { .hline { height: 50%; @@ -115,16 +118,19 @@ tr { height: auto !important; } + th { .course-name-header { width: 50%; } } } + .hidden-course { display: none; @include transition(); } + ul { margin-bottom: 0; } @@ -179,6 +185,7 @@ html[data-theme='dark'] { .education-section { .card { + &:hover, &:focus { border-left: 2px solid get-dark-color('accent-color'); @@ -196,6 +203,7 @@ html[data-theme='dark'] { color: get-dark-color('text-over-accent-color'); } } + tr { .line { div { @@ -216,6 +224,7 @@ html[data-theme='dark'] { .taken-courses { table { + tr, td, th { @@ -224,11 +233,12 @@ html[data-theme='dark'] { } } - &:hover{ - border: 1px solid rgba(get-dark-color('accent-color'),0.2); + &:hover { + border: 1px solid rgba(get-dark-color('accent-color'), 0.2); border-left: 2px solid get-dark-color('accent-color'); } } + .custom-section { .custom-content { color: get-dark-color('text-color'); @@ -242,4 +252,4 @@ html[data-theme='dark'] { .education-alt .degree-info { border-right: 2px solid get-dark-color('accent-color'); } -} +} \ No newline at end of file diff --git a/assets/styles/sections/footer.scss b/assets/styles/sections/footer.scss index 6ddbf39..6c82704 100644 --- a/assets/styles/sections/footer.scss +++ b/assets/styles/sections/footer.scss @@ -5,16 +5,17 @@ z-index: 9999; h5 { - color: get-light-color('inverse-text-color'); + color: get-light-color('text-color'); } a { color: get-light-color('muted-text-color'); @include transition(); + &:hover { margin-left: 5px; -webkit-text-decoration: get-light-color('muted-text-color') underline; - text-decoration: get-light-color('muted-text-color') underline; + text-decoration: get-light-color('muted-text-color') underline; @include transition(); } } @@ -38,6 +39,7 @@ input { background-color: get-light-color('inverse-text-color'); + &:focus { background-color: get-light-color('bg-secondary'); } @@ -46,23 +48,27 @@ #disclaimer { color: get-light-color('muted-text-color') !important; text-align: justify; - & > strong { + + &>strong { color: get-light-color('inverse-text-color') !important; } } #theme { color: get-light-color('inverse-text-color'); + img { width: 32px; display: inline-block; } } + #hugo { &:hover { margin-right: 5px; @include transition(); } + img { display: inline-block; } @@ -73,15 +79,17 @@ html[data-theme='dark'] { .footer { color: get-dark-color('muted-text-color') !important; background-color: get-dark-color('footer-color'); + h5 { color: get-dark-color('heading-color'); } a { color: get-dark-color('muted-text-color'); + &:hover { -webkit-text-decoration: get-dark-color('muted-text-color') underline; - text-decoration: get-dark-color('muted-text-color') underline; + text-decoration: get-dark-color('muted-text-color') underline; } } @@ -95,10 +103,12 @@ html[data-theme='dark'] { input { background-color: get-dark-color('bg-primary'); + &:focus { background-color: get-dark-color('bg-secondary'); color: get-dark-color('text-color'); } + &::placeholder { color: get-dark-color('muted-text-color'); } @@ -106,7 +116,8 @@ html[data-theme='dark'] { #disclaimer { color: get-dark-color('muted-text-color') !important; - & > strong { + + &>strong { color: get-dark-color('text-color') !important; } } @@ -115,4 +126,4 @@ html[data-theme='dark'] { color: get-dark-color('text-color'); } } -} +} \ No newline at end of file