d3vyce/d3vyce.fr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CSS optimisations

Browse Source
This commit is contained in:
d3vyce 2022-08-25 11:30:18 +02:00
parent 7fb0993e33
commit d62632e709
1 changed files with 20 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
css/style.css
View File

@ -12,10 +12,6 @@
background-color: var(--dark-1); background-color: var(--dark-1);
} }
.bg-dark-2 {
background-color: var(--dark-2);
}
.bg-dark-3 { .bg-dark-3 {
background-color: var(--dark-3); background-color: var(--dark-3);
} }
@ -112,17 +108,22 @@ a:hover {
padding: 4rem; padding: 4rem;
} }
.divider {
height: 0.2rem !important;
max-width: 3.25rem;
margin: 1.5rem auto;
background-color: var(--accent);
opacity: 1;
}
.badge:hover { .badge:hover {
background-color: white; background-color: white;
color: black; color: black;
} }
.modal-content {
background-color: var(--dark-2);
}
/* Header Section */ /* Header Section */
@media (min-width: 992px) { @media (min-width: 992px) {
header.masthead { header.masthead {
height: 100vh; height: 100vh;
@ -152,11 +153,13 @@ a:hover {
align-content: center; align-content: center;
} }
} }
/* ------------ */
/* About Section */ /* About Section */
.about { .about {
background-color: var(--dark-2); background-color: var(--dark-2);
} }
/* ------------ */
/* Skills Section */ /* Skills Section */
.skills { .skills {
@ -167,6 +170,7 @@ a:hover {
color: var(--accent); color: var(--accent);
background-color: var(--accent); background-color: var(--accent);
} }
/* ------------ */
/* Projects Section */ /* Projects Section */
.projects { .projects {
@ -214,6 +218,11 @@ a:hover {
justify-content: center; justify-content: center;
} }
.modal-content {
background-color: var(--dark-2);
}
/* ------------ */
/* Footer Section */ /* Footer Section */
.footer { .footer {
background-color: var(--dark-1); background-color: var(--dark-1);
@ -233,19 +242,7 @@ a:hover {
.social{ .social{
margin-bottom: 2rem; margin-bottom: 2rem;
} }
/* ------------------------------------- */ /* ------------ */
.text-white-75 {
color: rgba(255, 255, 255, 0.75) !important;
}
.divider {
height: 0.2rem !important;
max-width: 3.25rem;
margin: 1.5rem auto;
background-color: var(--accent);
opacity: 1;
}
/* Scrollbar */ /* Scrollbar */
::-webkit-scrollbar { ::-webkit-scrollbar {
@ -257,4 +254,5 @@ a:hover {
} }
::-webkit-scrollbar-track{ ::-webkit-scrollbar-track{
background: transparent; background: transparent;
} }
/* ------------ */