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

Completed automatic sprite generation (not logo and icon-1)

Browse Source
This commit is contained in:
Tancre
2020-10-21 17:43:28 +02:00
parent 1524bffa31
commit 9d06322a82
22 changed files with 2045 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/assets/scss/modules/_how-it-works.scss
View File

@ -118,14 +118,12 @@
}
}
&__icon--2{
width: 100px;
&__icon--membership{
margin-right: .8rem;
margin-bottom: -35px;
}
&__icon--3{
width: 100px;
&__icon--workgroup-order{
margin-right: .8rem;
margin-bottom: -30px;
margin-top: 1.2rem;
@ -139,9 +137,7 @@
}
}
&__icon--4{
width: 100px;
&__icon--pickup{
margin-bottom: -30px;
margin-right: 20px;
}

42
app/assets/scss/modules/_sprite.scss Normal file
View File

@ -0,0 +1,42 @@
/* Do not edit modules/_sprite directly as it is generated automatically by Gulp
Instead edit gulp/template/sprite*/
.icon {
display: inline-block;
background-image: url('/assets/media/images/sprites/sprite-c8960cf9.svg');
}
.no-svg {
background-image: url('../../temp/media/images/sprites/');
}
.icon--logo_white {
width: 167px ;
height: 100px ;
background-position: 0 0;
}
.icon--membership {
width: 100px ;
height: 77px ;
background-position: 62.546816479400746% 0;
}
.icon--order {
width: 100px ;
height: 77px ;
background-position: 0 100%;
}
.icon--pickup {
width: 100px ;
height: 93px ;
background-position: 100% 0;
}
.icon--workgroup {
width: 100px ;
height: 77px ;
background-position: 100% 93%;
}

3
app/assets/scss/style.scss
View File

@ -16,4 +16,7 @@
@import './modules/how-it-works';
@import './modules/arrow';
@import './modules/footer';
@import './modules/sprite';