dan/danielrayjones
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

✨ Add projects to resume

Browse source
This commit is contained in:
Dan Jones 2024-01-24 22:21:01 -06:00
commit a4a124ce9b
2 changed files with 134 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

74
assets/scss/extra.scss
View file

@ -23,7 +23,79 @@ figure {
ul.skills {
display: grid;
grid-gap: .25rem;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
#projects > .projects {
@media print {
display: grid;
grid-gap: .35rem;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
@media screen {
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
&::-webkit-scrollbar {
width: 10px;
height: 10px;
}
&::-webkit-scrollbar-thumb {
background: black;
border-radius: 10px;
}
&::-webkit-scrollbar-track {
background: transparent;
}
}
.project {
h3 > a {
text-decoration: none;
}
@media print {
display: inline-block;
page-break-inside: avoid;
}
@media screen {
scroll-snap-align: start;
flex-shrink: 0;
width: 300px;
margin-right: 50px;
padding: 0 0.5rem;
border-radius: 10px;
transform-origin: center center;
transform: scale(1);
transition: transform 0.5s;
position: relative;
justify-content: center;
align-items: center;
@media (prefers-color-scheme: dark) {
background: $dark-background-secondary;
}
@media (prefers-color-scheme: light) {
background: $light-background-secondary;
}
[data-theme=dark] & {
background: $dark-background-secondary;
}
[data-theme=light] & {
background: $light-background-secondary;
}
}
}
}
section > h2 {
line-height: 1.0;
}
#theater-contact {