FunctionalHacker/hugo-toha
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

sections styling edits

Browse source
This commit is contained in:
Sharwin24 2024-12-29 13:24:45 -08:00
parent 93505a658e
commit 6776ad8650
2 changed files with 30 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

16
assets/styles/sections/education.scss
View file

@ -2,6 +2,7 @@
@include section-title-adjustment(); @include section-title-adjustment();
.card { .card {
&:hover, &:hover,
&:focus { &:focus {
border-left: 2px solid get-light-color('accent-color'); border-left: 2px solid get-light-color('accent-color');
@ -52,12 +53,14 @@
&:hover { &:hover {
background: none !important; background: none !important;
} }
&:first-child { &:first-child {
.hline { .hline {
height: 65%; height: 65%;
top: auto; top: auto;
} }
} }
&:last-child { &:last-child {
.hline { .hline {
height: 50%; height: 50%;
@ -115,16 +118,19 @@
tr { tr {
height: auto !important; height: auto !important;
} }
th { th {
.course-name-header { .course-name-header {
width: 50%; width: 50%;
} }
} }
} }
.hidden-course { .hidden-course {
display: none; display: none;
@include transition(); @include transition();
} }
ul { ul {
margin-bottom: 0; margin-bottom: 0;
} }
@ -179,6 +185,7 @@
html[data-theme='dark'] { html[data-theme='dark'] {
.education-section { .education-section {
.card { .card {
&:hover, &:hover,
&:focus { &:focus {
border-left: 2px solid get-dark-color('accent-color'); 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'); color: get-dark-color('text-over-accent-color');
} }
} }
tr { tr {
.line { .line {
div { div {
@ -216,6 +224,7 @@ html[data-theme='dark'] {
.taken-courses { .taken-courses {
table { table {
tr, tr,
td, td,
th { th {
@ -224,11 +233,12 @@ html[data-theme='dark'] {
} }
} }
&:hover{ &:hover {
border: 1px solid rgba(get-dark-color('accent-color'),0.2); border: 1px solid rgba(get-dark-color('accent-color'), 0.2);
border-left: 2px solid get-dark-color('accent-color'); border-left: 2px solid get-dark-color('accent-color');
} }
} }
.custom-section { .custom-section {
.custom-content { .custom-content {
color: get-dark-color('text-color'); color: get-dark-color('text-color');
@ -242,4 +252,4 @@ html[data-theme='dark'] {
.education-alt .degree-info { .education-alt .degree-info {
border-right: 2px solid get-dark-color('accent-color'); border-right: 2px solid get-dark-color('accent-color');
} }
} }

23
assets/styles/sections/footer.scss
View file

@ -5,16 +5,17 @@
z-index: 9999; z-index: 9999;
h5 { h5 {
color: get-light-color('inverse-text-color'); color: get-light-color('text-color');
} }
a { a {
color: get-light-color('muted-text-color'); color: get-light-color('muted-text-color');
@include transition(); @include transition();
&:hover { &:hover {
margin-left: 5px; margin-left: 5px;
-webkit-text-decoration: get-light-color('muted-text-color') underline; -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(); @include transition();
} }
} }
@ -38,6 +39,7 @@
input { input {
background-color: get-light-color('inverse-text-color'); background-color: get-light-color('inverse-text-color');
&:focus { &:focus {
background-color: get-light-color('bg-secondary'); background-color: get-light-color('bg-secondary');
} }
@ -46,23 +48,27 @@
#disclaimer { #disclaimer {
color: get-light-color('muted-text-color') !important; color: get-light-color('muted-text-color') !important;
text-align: justify; text-align: justify;
& > strong {
&>strong {
color: get-light-color('inverse-text-color') !important; color: get-light-color('inverse-text-color') !important;
} }
} }
#theme { #theme {
color: get-light-color('inverse-text-color'); color: get-light-color('inverse-text-color');
img { img {
width: 32px; width: 32px;
display: inline-block; display: inline-block;
} }
} }
#hugo { #hugo {
&:hover { &:hover {
margin-right: 5px; margin-right: 5px;
@include transition(); @include transition();
} }
img { img {
display: inline-block; display: inline-block;
} }
@ -73,15 +79,17 @@ html[data-theme='dark'] {
.footer { .footer {
color: get-dark-color('muted-text-color') !important; color: get-dark-color('muted-text-color') !important;
background-color: get-dark-color('footer-color'); background-color: get-dark-color('footer-color');
h5 { h5 {
color: get-dark-color('heading-color'); color: get-dark-color('heading-color');
} }
a { a {
color: get-dark-color('muted-text-color'); color: get-dark-color('muted-text-color');
&:hover { &:hover {
-webkit-text-decoration: get-dark-color('muted-text-color') underline; -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 { input {
background-color: get-dark-color('bg-primary'); background-color: get-dark-color('bg-primary');
&:focus { &:focus {
background-color: get-dark-color('bg-secondary'); background-color: get-dark-color('bg-secondary');
color: get-dark-color('text-color'); color: get-dark-color('text-color');
} }
&::placeholder { &::placeholder {
color: get-dark-color('muted-text-color'); color: get-dark-color('muted-text-color');
} }
@ -106,7 +116,8 @@ html[data-theme='dark'] {
#disclaimer { #disclaimer {
color: get-dark-color('muted-text-color') !important; color: get-dark-color('muted-text-color') !important;
& > strong {
&>strong {
color: get-dark-color('text-color') !important; color: get-dark-color('text-color') !important;
} }
} }
@ -115,4 +126,4 @@ html[data-theme='dark'] {
color: get-dark-color('text-color'); color: get-dark-color('text-color');
} }
} }
} }