Initial Release
This commit is contained in:
49
assets/scss/components/_cta.scss
Normal file
49
assets/scss/components/_cta.scss
Normal file
@@ -0,0 +1,49 @@
|
||||
.site-cta{
|
||||
padding: 130px 0;
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
@include desktop{
|
||||
padding: 100px 0;
|
||||
}
|
||||
&-title{
|
||||
font-size: 70px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 10px;
|
||||
margin-bottom: 60px;
|
||||
@include desktop{
|
||||
letter-spacing: 5px;
|
||||
}
|
||||
@include desktop-lg{
|
||||
font-size: 50px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
@include mobile{
|
||||
font-size: 40px;
|
||||
letter-spacing: 1;
|
||||
}
|
||||
}
|
||||
&-buttons{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
li{
|
||||
display: inline-block;
|
||||
@include mobile{
|
||||
display: block;
|
||||
}
|
||||
&:not(:last-child){
|
||||
margin-right: 40px;
|
||||
@include mobile{
|
||||
margin-right: 0;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
.btn{
|
||||
@include mobile{
|
||||
display: block;
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user