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

Position vidéo mobile

This commit is contained in:
nyanloutre 2017-07-14 16:57:25 +02:00
parent 39b82a2606
commit 31aab29c2b
No known key found for this signature in database
GPG Key ID: 4177A74B460FAFD2
4 changed files with 2 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
css/creative.css
View File

@ -142,37 +142,8 @@ body {
header.masthead {
position: relative;
width: 100%;
min-height: auto;
text-align: center;
color: white;
background-image: url("../img/header.jpg");
background-position: center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; }
header.masthead .header-content {
position: relative;
width: 100%;
padding: 100px 15px 100px;
text-align: center; }
header.masthead .header-content .header-content-inner {
color: black; }
header.masthead .header-content .header-content-inner h1 {
font-size: 30px;
font-weight: 700;
margin-top: 0;
margin-bottom: 0;
text-transform: uppercase; }
header.masthead .header-content .header-content-inner hr {
margin: 30px auto; }
header.masthead .header-content .header-content-inner p {
font-size: 16px;
font-weight: 300;
margin-bottom: 50px;
color: rgba(0, 0, 0, 0.7); }
min-height: auto; }
header.masthead video {
position: absolute;
right: 0;
bottom: 0;
width: 100%;

2
css/creative.css.map
View File

File diff suppressed because one or more lines are too long

1
index.html
View File

@ -71,7 +71,6 @@
<video autoplay loop muted>
<source src="video/intro.webm" type="video/webm">
</video>
<div class="header-content"></div>
</header>
<section class="bg-primary" id="about">

31
scss/_masthead.scss
View File

@ -3,38 +3,7 @@ header.masthead {
position: relative;
width: 100%;
min-height: auto;
text-align: center;
color: white;
background-image: url('../img/header.jpg');
background-position: center;
@include background-cover;
.header-content {
position: relative;
width: 100%;
padding: 100px 15px 100px;
text-align: center;
.header-content-inner {
color: black;
h1 {
font-size: 30px;
font-weight: 700;
margin-top: 0;
margin-bottom: 0;
text-transform: uppercase;
}
hr {
margin: 30px auto;
}
p {
font-size: 16px;
font-weight: 300;
margin-bottom: 50px;
color: fade-out(black, .3);
}
}
}
video {
position: absolute;
right: 0;
bottom: 0;
width: 100%;