Files
Personal-Portfolio-Website/css/github.css
T
2023-12-07 21:05:22 +00:00

76 lines
1.1 KiB
CSS

/* GitHub Projects */
@media (prefers-color-scheme: dark) {
:root {
--hover-bg-color: #161616;
}
}
@media (prefers-color-scheme: light) {
:root {
--hover-bg-color: #e5e5e5;
}
}
.hoverable:hover {
background-color: var(--hover-bg-color);
cursor: pointer;
}
#github_projects .stargazers {
padding-right: var(--padding-small);
}
#github_projects .stars {
color: #6c757d !important;
}
#github_projects a {
text-transform: capitalize;
text-decoration-line: none;
}
.github-modal>.card {
height: 80% !important;
overflow-y: auto;
}
#github_projects .card {
padding: var(--padding-big);
text-align: left;
}
#github_projects .card a {
color: var(--main-txt-color);
}
#github_projects .card p {
margin: 0;
}
.github-hidden {
display: none;
}
.github-modal>.card {
text-align: start;
}
.github-modal img {
max-width: 100%;
}
/* width */
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
/* Track */
::-webkit-scrollbar-track {
background: transparent;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #888;
}