skylab/MasterPassword
2
0
Fork 0
Code Releases Activity

WIP site.

Browse Source
This commit is contained in:
Maarten Billemont
2017-06-04 09:35:27 -04:00
parent d3e3c9d720
commit 0b5502b673
8 changed files with 66 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
public/site/2015-05/_sass/_layout.scss
View File

@@ -67,18 +67,54 @@ header, section {
width: 100%;
min-height: 90%;
}
header {
display: flex;
position: relative;
overflow: hidden;
background: url('../img/shot-laptop-just-iphone.jpg') center top;
background-size: cover;
flex-direction: column;
justify-content: stretch;
align-items: stretch;
&::before, &::after {
position: absolute;
background-size: cover !important;
opacity: 0;
transition: 0.3s opacity;
z-index: -1;
width: 100%;
height: 100%;
content: " ";
}
&::after {
z-index: -2;
background: url('../img/hero_ios.jpg') center top;
opacity: 1;
}
&.hero_ios::before {
background: url('../img/hero_ios.jpg') center top;
opacity: 1;
}
&.hero_android::before {
background: url('../img/hero_android.jpg') center center;
opacity: 1;
}
&.hero_mac::before {
background: url('../img/hero_mac.jpg') center center;
opacity: 1;
}
&.hero_desktop::before {
background: url('../img/hero_desktop.jpg') center bottom;
opacity: 1;
}
&.hero_cli::before {
background: url('../img/hero_cli.jpg') center center;
opacity: 1;
}
&.hero_web::before {
background: url('../img/hero_web.jpg') center center;
opacity: 1;
}
h1 {
height: 1em;