biobulkbende/biobulkbende.org
0
0
Fork 0
mirror of https://github.com/biobulkbende/biobulkbende.org.git synced 2026-11-13 02:47:25 +00:00
Code Issues Projects Releases Wiki Activity

hot-it-works almost finished (error with images)

Browse Source
This commit is contained in:
Tancre
2020-10-12 20:47:17 +02:00
parent a4e97c6bcf
commit af96ccbf7e
13 changed files with 296 additions and 100 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/scss/modules/_arrow.scss
+85
View File
@@ -0,0 +1,85 @@
.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%);
@include atMedium{
position: relative;
bottom: -70px;
left: 50%;
transform: translateX(-50%);
}
@include atLarge{
position: relative;
bottom: -70px;
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: -50px;
left: 50%;
transform: translateX(-50%);
}
@include atLarge{
position: relative;
bottom: -50px;
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 atLarge{
position: relative;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
}
}
&--red{
border-top: 85px solid $myRed;
}
&--darkGreen{
border-top: 85px solid $myDarkGreen;
}
&--lightGreen{
border-top: 85px solid $myLightGreen;
}
}