how-it-works icons

This commit is contained in:
Tancre
2020-10-09 18:14:11 +02:00
parent 25f30a0aed
commit a4e97c6bcf
36 changed files with 79 additions and 52 deletions

Binary file not shown.

Binary file not shown.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 424 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

View File

@ -16,4 +16,19 @@
@font-face {
font-family: "CocogooseExtra";
src: url("../media/fonts/cocogoose/Cocogoose_extraBold.ttf") format("truetype");
}
@font-face {
font-family: "BS-regular";
src: url("../media/fonts/bahnschrift/BS_Static_Regular.ttf") format("truetype");
}
@font-face {
font-family: "BS-light";
src: url("../media/fonts/bahnschrift/BS_Static_Light.ttf") format("truetype");
}
@font-face {
font-family: "BS-bold";
src: url("../media/fonts/bahnschrift/BS_Static_Bold.ttf") format("truetype");
}

View File

@ -3,7 +3,7 @@
}
body {
font-family: 'Roboto', sans-serif;
font-family: 'roboto', sans-serif;
color: #333;
}

View File

@ -1,9 +1,13 @@
.headline{
margin:auto;
strong {
font-weight: 800;
}
&--lt-margin{
margin-left: 55px;
margin-top: -18px;
margin-top: -5px;
}
&--s-width {
@ -16,7 +20,7 @@
}
&__title {
font-weight: 300;
font-weight: 400;
font-size: 1.7rem;
@include atMedium(){
@ -29,7 +33,7 @@
font-size: 1.4rem;
@include atMedium(){
font-size: 1.8rem;
font-size: 1.6rem;
}
}

View File

@ -1,7 +1,6 @@
.how-it-works{
margin: 50px 0px;
strong {
font-weight: 800;
}
@ -48,15 +47,27 @@
}
&__icon--foodcoop{
width: 255px;
&__icon--1{
width: 225px;
margin-left: 60px;
}
&__icon--foodcoop2{
width: 100px;
&__icon--2{
width: 130px;
margin-right: .8rem;
margin-bottom: -20px;
margin-bottom: -45px;
}
&__icon--3{
width: 130px;
margin-right: .8rem;
margin-bottom: -35px;
}
&__icon--4{
width: 100px;
margin-bottom: -30px;
margin-right: 20px;
}
}

View File

@ -1,14 +0,0 @@
.icon{
&--foodcoop{
width: 255px;
margin-left: 60px;
}
&--foodcoop2{
float: left;
width: 100px;
margin-top: -33px;
margin-right: 20px;
}
}

View File

@ -13,7 +13,6 @@
@import './modules/_rows';
@import './modules/_generic-content-container';
@import './modules/_video-container';
@import './modules/_icon';
@import './modules/_how-it-works.scss';