www.federated.computer/themes/apsho/assets/scss/_common.scss

104 lines
1.8 KiB
SCSS
Raw Normal View History

2023-06-02 16:17:07 +00:00
a {
color: $primary-color;
}
.section {
&-title {
text-align: center;
margin-bottom: 50px;
@include mobile {
margin-bottom: 0;
}
h2 {
font-size: 45px;
@include tablet {
font-size: 35px;
line-height: 44px;
}
@include mobile {
font-size: 30px;
}
}
}
}
.ml-25 {
margin-left: 25px;
@include desktop {
margin-left: 0px;
}
}
.mr-25 {
margin-right: 25px;
@include desktop {
margin-right: 0px;
}
}
.form-control {
min-height: 52px;
margin-bottom: 30px;
padding: 15px 20px;
font-size: 15px;
background: rgba($color: $border-color, $alpha: 0.5);
border-radius: 4px;
border-color: transparent;
transition: 0.3s ease;
&:focus {
box-shadow: none;
border-color: $primary-color;
box-shadow: 0px 5px 25px rgba(25, 24, 29, 0.06);
}
}
.page {
&-header {
padding: 130px 0 200px;
background-color: $white;
text-align: center;
margin: 130px 100px 0;
background: #f9f2ea;
border-radius: 50px;
@include desktop-xl {
margin: 130px 50px 0;
}
@include desktop {
margin: 130px 30px 0;
border-radius: 25px;
padding: 80px 0 180px;
}
@include mobile {
margin: 100px 15px 0;
padding: 50px 0 120px;
}
h1 {
@include desktop {
font-size: 40px;
}
margin-bottom: 20px;
}
h2 {
font-size: 40px;
line-height: 52px;
@include mobile {
font-size: 30px;
line-height: 42px;
}
}
}
&-content {
padding: 10px 50px 30px;
&-wrapper {
padding: 40px 50px;
background-color: white;
border-radius: 10px;
margin-top: -150px;
box-shadow: 0px 5px 25px rgba(25, 24, 29, 0.06);
}
}
}