full rewite of css

This commit is contained in:
Rosia E Evans 2023-01-07 14:21:27 +00:00
parent 397c6751f1
commit e11f2c6b82
31 changed files with 274 additions and 450 deletions

View file

@ -1,9 +1,10 @@
.projectThumbnail{
width: 16vh;
h1{
font-size: 2rem;
}
h2{
text-align: center;
margin-bottom: 10vh;
}
@ -13,12 +14,57 @@ h2{
}
.itemText{
display: flex;
flex-direction: column;
padding: 10px;
color: #ffd256;
}
body{
margin: 20vw;
}
.galleryLinkContainer{
text-decoration: none;
transition: background-color 0.5s;
color: var(--secondary);
}
.galleryLinkContainer:hover{
background-color: var(--highlight);
color: var(--base);
}
.galleryLinkContainer:hover, .galleryLinkContainer:hover a{
color: var(--base);
}
.galleryImage{
min-width: 100%;
margin-bottom: 20px;
overflow: clip;
visibility: hidden;
max-height: 0px;
transition: max-height 1s;
-moz-transition: max-height 1s;
}
.galleryImage img{
width: 100%;
max-height: 100%;
object-fit: cover;
object-position: center center;
}
.galleryLinkContainer:hover .galleryImage{
visibility: visible;
max-height: 20vh;
}
.galleryImage:hover{
visibility: visible;
max-height: 20vh;
}
/* overwriting <a> effects */
a.galleryLink{
text-decoration: none;
}