mirror of
https://github.com/biobulkbende/biobulkbende.org.git
synced 2025-07-05 04:41:08 +00:00
about first part
This commit is contained in:
@ -1,6 +1,10 @@
|
||||
.headline{
|
||||
margin:auto;
|
||||
|
||||
&--l-margin{
|
||||
margin-left: 55px;
|
||||
}
|
||||
|
||||
&--s-width {
|
||||
max-width: 500px;
|
||||
|
||||
|
7
app/assets/scss/modules/_icon.scss
Normal file
7
app/assets/scss/modules/_icon.scss
Normal file
@ -0,0 +1,7 @@
|
||||
.icon{
|
||||
|
||||
&--foodcoop{
|
||||
width: 255px;
|
||||
margin-left: 60px;
|
||||
}
|
||||
}
|
@ -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%);
|
||||
|
@ -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 */
|
||||
|
@ -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;
|
||||
|
@ -9,4 +9,8 @@
|
||||
&--medium{
|
||||
max-width: 976px;
|
||||
}
|
||||
|
||||
&--t-margins{
|
||||
margin-top: 100px;
|
||||
}
|
||||
}
|
@ -13,4 +13,5 @@
|
||||
@import './modules/_rows';
|
||||
@import './modules/_generic-content-container';
|
||||
@import './modules/_video-container';
|
||||
@import './modules/_icon';
|
||||
|
||||
|
Reference in New Issue
Block a user