mirror of
https://github.com/biobulkbende/biobulkbende.org.git
synced 2025-10-19 10:16:31 +00:00
about main style
This commit is contained in:
62
app/assets/scss/modules/_how-it-works.scss
Normal file
62
app/assets/scss/modules/_how-it-works.scss
Normal file
@ -0,0 +1,62 @@
|
||||
.how-it-works{
|
||||
margin: 50px 0px;
|
||||
|
||||
|
||||
strong {
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
&--centered{
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
transform: translateY(-50%);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&--t-margin{
|
||||
margin-top: -30px;
|
||||
}
|
||||
|
||||
&__last-section{
|
||||
padding: 100px 0px 50px 0px;
|
||||
background-color: rgba(white,0.9);
|
||||
}
|
||||
|
||||
p{
|
||||
font-weight: 300;
|
||||
line-height: 1.25;
|
||||
margin: 0;
|
||||
font-size: 1.2rem;
|
||||
|
||||
@include atMedium{
|
||||
margin: 0 0 1.8rem 0;
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
}
|
||||
|
||||
&__title{
|
||||
font-weight: 300;
|
||||
font-size: 1.7rem;
|
||||
margin-bottom: 45px;
|
||||
|
||||
@include atMedium(){
|
||||
margin-top: 10px;
|
||||
font-size: 2.1rem;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
&__icon--foodcoop{
|
||||
width: 255px;
|
||||
margin-left: 60px;
|
||||
}
|
||||
|
||||
&__icon--foodcoop2{
|
||||
width: 100px;
|
||||
margin-right: .8rem;
|
||||
margin-bottom: -20px;
|
||||
}
|
||||
|
||||
}
|
Reference in New Issue
Block a user