move custom css to changes.scss stylesheet

This commit is contained in:
Luis 2017-06-17 15:28:37 +02:00
parent 38d325ac6d
commit b7b39f605c
3 changed files with 35 additions and 28 deletions

View file

@ -1,4 +1,4 @@
<div class="video-container">
<iframe src="sliders/merinales.html" width="100%" height="390" style="overflow:hidden" allowfullscreen="" frameborder="0">
<iframe src="sliders/merinales.html" width="100%" height="420" style="overflow:hidden" allowfullscreen="" frameborder="0">
</iframe>
</div>

View file

@ -1,3 +1,34 @@
body {
background-color: "rgb(250,250,250)";
.wrapper {
@include padding(6em, 0);
> .inner {
width: 55em;
margin: 0 auto;
@include breakpoint(large) {
width: 90%;
}
@include breakpoint(medium) {
width: 100%;
}
> p {
width: 45em;
@include breakpoint(large) {
width: 90%;
}
@include breakpoint(medium) {
width: 100%;
}
}
}
}
img {
&.twentytwenty-before,
&.twentytwenty-after {
width: 100%;
}
}

View file

@ -1225,31 +1225,7 @@ $baseurl: '{{ site.baseurl }}/images';
}
.wrapper {
@include padding(6em, 0);
> .inner {
width: 55em;
margin: 0 auto;
@include breakpoint(large) {
width: 90%;
}
@include breakpoint(medium) {
width: 100%;
}
> p {
width: 45em;
@include breakpoint(large) {
width: 90%;
}
@include breakpoint(medium) {
width: 100%;
}
}
}
@include padding(6em, 0);
&.alt {
padding: 0;