/var/www/cobraambalaj/resources/scss
Edit: /var/www/cobraambalaj/resources/scss/_basic.scss (3440B)
// Outlines
* {
outline: none;
}
// Body
body {
font-family: "Poppins";
font-size: 14px;
color: $fourth;
}
// Links
a {
transition: all 300ms;
color: $fourth;
&:hover,
&:focus {
text-decoration: none;
color: $second;
}
}
//Form
.form-control {
font-size: 1em;
height: 48px;
background-color: $light;
border: 0;
border-radius: 6px;
&:focus {
background-color: $light;
border-color: transparent;
outline: 0;
box-shadow: 0 0 0;
}
}
// Sections
section {
padding: 70px 0;
.sec-head {
text-align: center;
margin-bottom: 70px;
> span {
margin-bottom: 10px;
color: $first;
display: block;
}
h1 {
font-weight: 300;
font-size: 2.4em;
margin-bottom: 0;
}
}
.sec-head-horizontal {
display: flex;
align-items: center;
margin-bottom: 70px;
.title {
margin-right: 60px;
min-width: 400px;
> span {
margin-bottom: 10px;
color: $first;
display: block;
}
h1 {
font-weight: 300;
font-size: 2.4em;
margin-bottom: 0;
}
}
> p {
font-size: 1.1em;
margin-bottom: 0;
color: $textColor;
}
}
.sec-head-vertical {
display: flex;
flex-direction: column;
.title {
> span {
margin-bottom: 10px;
color: $first;
display: block;
}
h1 {
font-weight: 300;
font-size: 2.4em;
margin-bottom: 30px;
}
}
> p {
font-size: 1.1em;
margin-bottom: 0;
color: $textColor;
}
}
.more-btn {
text-align: center;
margin-top: 70px;
.btn {
min-width: 160px;
}
}
}
@media (max-width: 768px) {
section {
padding: 30px 0;
.sec-head {
margin-bottom: 30px;
text-align: center;
> span {
margin-bottom: 10px;
color: $first;
display: block;
}
h1 {
font-size: 2em;
}
}
.sec-head-horizontal {
flex-direction: column;
align-items: unset;
text-align: center;
margin-bottom: 30px;
.title {
margin-right: 0 !important;
margin-left: 0 !important;
min-width: unset;
h1 {
font-size: 2em;
margin-bottom: 15px;
}
}
> p {
font-size: 1em;
}
}
.sec-head-vertical {
display: flex;
flex-direction: column;
text-align: center;
margin-bottom: 30px;
.title {
> span {
margin-bottom: 10px;
color: $first;
display: block;
}
h1 {
font-size: 2em;
margin-bottom: 15px;
}
}
> p {
font-size: 1em;
}
}
.more-btn {
margin-top: 30px;
}
}
}
/* Custom Scroll */
.os-padding {
z-index: auto;
}