about first part

This commit is contained in:
Tancre
2020-10-07 16:19:57 +02:00
parent 12c2dfab65
commit e9b2412f50
11 changed files with 98 additions and 24 deletions

View File

@ -1,6 +1,10 @@
.headline{
margin:auto;
&--l-margin{
margin-left: 55px;
}
&--s-width {
max-width: 500px;

View File

@ -0,0 +1,7 @@
.icon{
&--foodcoop{
width: 255px;
margin-left: 60px;
}
}

View File

@ -61,9 +61,17 @@
left: 50%;
transform: translateX(-50%);
@include atSmall{
position: relative;
top: -10px;
margin: auto;
left: 0;
transform: translateX(0%);
}
@include atMedium{
position: relative;
top: 70px;
top: 20px;
margin: auto;
left: 0;
transform: translateX(0%);

View File

@ -40,6 +40,11 @@
margin-bottom: 0rem;
}
&__medium-3--larger {
float: left;
width: 30%;
}
&__medium-4 {
float: left;
width: 33.33%;
@ -63,6 +68,11 @@
width: 63%;
}
&__medium-9--smaller {
float: right;
width: 70%;
}
}
/* Begin Equal Height Rules */

View File

@ -1,21 +1,29 @@
.video-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
padding-bottom:61.15%;
height:0;
overflow:hidden;
box-shadow: -3px 3px 10px #000000ba;
margin-bottom: 15px;
margin-right: -18px;
margin-left: -18px;
@include atSmall{
padding-bottom:60%;
}
@include atMedium{
padding-bottom:59%;
}
@include atLarge{
margin-right: 0px;
padding-bottom:56.25%;
margin-right: 0px;
margin-left: 0px;
}
}
.video-container iframe, .video-container object, .video-container embed {
.video-container video{
position:absolute;
top:0;
left:0;

View File

@ -9,4 +9,8 @@
&--medium{
max-width: 976px;
}
&--t-margins{
margin-top: 100px;
}
}

View File

@ -13,4 +13,5 @@
@import './modules/_rows';
@import './modules/_generic-content-container';
@import './modules/_video-container';
@import './modules/_icon';