em/kocandaci
1
0
Fork 0
Code Issues Pull Requests Actions Activity

Add gallery list

Browse Source
This commit is contained in:
Emil Miler
2024-01-12 21:09:26 +01:00
parent 1687e698d9
commit 8bec285b94
3 changed files with 79 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
sass/_gallery.scss
View File

@ -2,16 +2,63 @@
h1 {
margin-bottom: 0;
}
.subtitle {
font-weight: bold;
font-size: 1.2em;
margin-bottom: 1em;
}
}
.gallery.grid {
img {
display: block;
border-radius: .5em;
box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
}
.gallery-list {
a {
display: block;
border-radius: 1rem;
overflow: hidden;
position: relative;
box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
img {
display: block;
width: 100%;
}
div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: .5em;
color: $col-fg-0-dark;
background: rgba(0 ,0, 0, .5);
transition: background .2s ease-out;
&:hover {
background: rgba(0, 0, 0, 0);
}
.title {
font-weight: bold;
font-size: 1.5em;
line-height: 1.5;
text-align: center;
}
.title, .year {
filter: drop-shadow(0 0 3px #000);
}
}
}