nyanloutre/site-max
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Premier commit

Browse source
This commit is contained in:
nyanloutre 2017-07-14 15:51:49 +02:00
commit 08d105b7c0
No known key found for this signature in database
GPG key ID: 4177A74B460FAFD2
102 changed files with 40084 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

59
scss/_portfolio.scss Normal file
View file

@ -0,0 +1,59 @@
// Styling for the portfolio section
.portfolio-box {
position: relative;
display: block;
max-width: 650px;
margin: 0 auto;
.portfolio-box-caption {
position: absolute;
bottom: 0;
display: block;
width: 100%;
height: 100%;
text-align: center;
opacity: 0;
color: white;
background: fade-out($theme-primary, .1);
@include transition-all;
.portfolio-box-caption-content {
position: absolute;
top: 50%;
width: 100%;
transform: translateY(-50%);
text-align: center;
.project-category,
.project-name {
padding: 0 15px;
@include sans-serif-font;
}
.project-category {
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
.project-name {
font-size: 18px;
}
}
}
&:hover {
.portfolio-box-caption {
opacity: 1;
}
}
&:focus {
outline: none;
}
@media (min-width: 768px) {
.portfolio-box-caption {
.portfolio-box-caption-content {
.project-category {
font-size: 16px;
}
.project-name {
font-size: 22px;
}
}
}
}
}