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

Boutons responsive

Browse Source
This commit is contained in:
nyanloutre 2017-07-24 23:20:00 +02:00
parent 06d53ebd75
commit c786f1c72b
Signed by: nyanloutre
GPG Key ID: F85D93686A3A9063
1 changed files with 31 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

79
scss/_masthead.scss
View File

@ -15,66 +15,49 @@ header.masthead {
background-size: cover; background-size: cover;
overflow: hidden; overflow: hidden;
} }
.header-content {
position: relative;
width: 100%;
padding: 100px 15px 100px;
text-align: center;
.header-content-inner {
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(white, .3);
}
}
}
a { a {
position: absolute; position: absolute;
bottom: 2rem; bottom: 2rem;
} }
#video-sound { #video-sound {
right: 4rem; right: 2rem;
} }
#youtube-link { #youtube-link {
right: 9rem; right: 6rem;
} }
#fullscreen-video { #fullscreen-video {
left: 4rem; left: 2rem;
}
.icone {
width: 1.1rem;
height: 1rem;
}
.fa-2x {
font-size: inherit;
}
.btn-xl {
padding: .5rem 1rem;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
height: 100%; height: 100%;
.header-content { #video-sound {
position: absolute; right: 4rem;
top: 50%; }
padding: 0 50px; #youtube-link {
-webkit-transform: translateY(-50%); right: 9rem;
-ms-transform: translateY(-50%); }
transform: translateY(-50%); #fullscreen-video {
.header-content-inner { left: 4rem;
max-width: 1000px; }
margin-right: auto; .icone {
margin-left: auto; width: 2.2rem;
h1 { height: 2rem;
font-size: 50px; }
} .fa-2x {
p { font-size: 2em;
font-size: 18px; }
max-width: 80%; .btn-xl {
margin-right: auto; padding: 15px 30px;
margin-left: auto;
}
}
} }
} }
} }