biobulkbende/biobulkbende.org
0
0
Fork 0
mirror of https://github.com/biobulkbende/biobulkbende.org.git synced 2025-10-20 10:46:30 +00:00
Code Issues Projects Releases Wiki Activity

embedded video from vimeo + fixes css video

Browse Source
This commit is contained in:
Tancre
2020-11-25 11:56:26 +01:00
parent 8367b55f04
commit cf5eb9813d
8 changed files with 370 additions and 1139 deletions
Download Patch File Download Diff File Expand all files Collapse all files

145
app/assets/scss/modules/_arrow.scss
View File

@ -1,85 +1,84 @@
.arrow{
width: 0;
height: 0;
border-left: 70px solid transparent;
border-right: 70px solid transparent;
.arrow {
width: 0;
height: 0;
border-left: 70px solid transparent;
border-right: 70px solid transparent;
&--about{
position: absolute;
bottom: -60px;
z-index: 1;
left: 50%;
transform:translateX(-50%);
&--about {
position: absolute;
bottom: -60px;
z-index: 1;
left: 50%;
transform: translateX(-50%);
@include atMedium{
position: relative;
bottom: -40px;
left: 50%;
transform: translateX(-50%);
}
@include atMedium {
position: relative;
bottom: -40px;
left: 50%;
transform: translateX(-50%);
}
@include atLarge{
position: relative;
bottom: -60px;
left: 50%;
transform: translateX(-50%);
}
}
@include atLarge {
position: relative;
bottom: -55px;
left: 50%;
transform: translateX(-50%);
}
}
&--how-it-works-1{
position: absolute;
bottom: -60px;
z-index: 1;
left: 50%;
transform:translateX(-50%);
&--how-it-works-1 {
position: absolute;
bottom: -60px;
z-index: 1;
left: 50%;
transform: translateX(-50%);
@include atMedium{
position: relative;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
}
@include atMedium {
position: relative;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
}
@include atLarge{
position: relative;
bottom: 0px;
left: 70%;
transform: translateX(-50%);
}
}
@include atLarge {
position: relative;
bottom: 0px;
left: 70%;
transform: translateX(-50%);
}
}
&--how-it-works-2{
position: absolute;
bottom: -60px;
z-index: 1;
left: 50%;
transform:translateX(-50%);
&--how-it-works-2 {
position: absolute;
bottom: -60px;
z-index: 1;
left: 50%;
transform: translateX(-50%);
@include atMedium{
position: relative;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
}
@include atMedium {
position: relative;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
}
@include atLarge{
position: relative;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
}
}
@include atLarge {
position: relative;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
}
}
&--red{
border-top: 85px solid $myRed;
}
&--red {
border-top: 85px solid $myRed;
}
&--darkGreen{
border-top: 85px solid $myDarkGreen;
}
&--darkGreen {
border-top: 85px solid $myDarkGreen;
}
&--lightGreen{
border-top: 85px solid $myLightGreen;
}
}
&--lightGreen {
border-top: 85px solid $myLightGreen;
}
}