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

75
scss/_masthead.scss
View File

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