sections styling edits
This commit is contained in:
parent
93505a658e
commit
6776ad8650
2 changed files with 30 additions and 9 deletions
|
@ -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');
|
||||
}
|
||||
}
|
||||
}
|
|
@ -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');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue