how-it-works icons
BIN
app/assets/media/fonts/bahnschrift/BS_Static_Bold.ttf
Normal file
BIN
app/assets/media/fonts/bahnschrift/BS_Static_Light.ttf
Normal file
BIN
app/assets/media/fonts/bahnschrift/BS_Static_Regular.ttf
Normal file
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 11 KiB |
BIN
app/assets/media/images/foodcoop2.png
Normal file
After Width: | Height: | Size: 15 KiB |
BIN
app/assets/media/images/membership.png
Normal file
After Width: | Height: | Size: 14 KiB |
BIN
app/assets/media/images/order.png
Normal file
After Width: | Height: | Size: 14 KiB |
BIN
app/assets/media/images/pickup.png
Normal file
After Width: | Height: | Size: 24 KiB |
BIN
app/assets/media/images/pickup_day_short.png
Normal file
After Width: | Height: | Size: 424 KiB |
BIN
app/assets/media/images/veg_large_cropped.png
Normal file
After Width: | Height: | Size: 2.5 MiB |
BIN
app/assets/media/images/workgroup.png
Normal file
After Width: | Height: | Size: 24 KiB |
@ -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");
|
||||
}
|
@ -3,7 +3,7 @@
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-family: 'roboto', sans-serif;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
@ -1,14 +0,0 @@
|
||||
.icon{
|
||||
|
||||
&--foodcoop{
|
||||
width: 255px;
|
||||
margin-left: 60px;
|
||||
}
|
||||
|
||||
&--foodcoop2{
|
||||
float: left;
|
||||
width: 100px;
|
||||
margin-top: -33px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
}
|
@ -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';
|
||||
|
||||
|
||||
|