sections styling edits

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

View file

@ -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');
}
}
}

View file

@ -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');
}
}
}
}