You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
102 lines
1.7 KiB
102 lines
1.7 KiB
.newsletter { |
|
&__area { |
|
background-color: var(--main-color-one); |
|
position: relative; |
|
|
|
.sec-subtitle { |
|
margin-bottom: 25px; |
|
} |
|
} |
|
|
|
&__left { |
|
position: absolute; |
|
bottom: 0; |
|
|
|
@media #{$md} { |
|
display: none; |
|
} |
|
|
|
img { |
|
@media #{$lg} { |
|
max-width: 400px; |
|
} |
|
} |
|
} |
|
|
|
&__right { |
|
padding-left: 70px; |
|
|
|
@media #{$md} { |
|
padding-left: 0; |
|
} |
|
|
|
.sec-subtitle { |
|
color: var(--black-2); |
|
|
|
span { |
|
-webkit-text-stroke: 2px var(--black-2); |
|
} |
|
} |
|
|
|
form { |
|
position: relative; |
|
margin-top: 20px; |
|
|
|
@media #{$sm} { |
|
margin-top: 15px; |
|
} |
|
} |
|
|
|
input[type="email"] { |
|
font-size: 20px; |
|
padding: 20px 25px; |
|
border: none; |
|
outline: none; |
|
width: 100%; |
|
font-weight: 600; |
|
color: var(--gray-3); |
|
padding-right: 200px; |
|
border-radius: 60px; |
|
@media #{$lg} { |
|
padding-right: 50px; |
|
} |
|
@media #{$md} { |
|
padding-right: 200px; |
|
} |
|
@media #{$sm} { |
|
font-size: 18px; |
|
padding: 20px; |
|
} |
|
|
|
&::placeholder { |
|
color: var(--gray-3); |
|
opacity: 0.5; |
|
} |
|
} |
|
|
|
.submit { |
|
position: absolute; |
|
right: 5px; |
|
top: 5px; |
|
font-size: 14px; |
|
font-weight: 600; |
|
text-transform: uppercase; |
|
background-color: var(--black-2); |
|
padding: 20px 30px; |
|
border: none; |
|
outline: none; |
|
color: var(--white); |
|
letter-spacing: 1.6px; |
|
border-radius: 60px; |
|
&:before { |
|
border-radius: 60px; |
|
} |
|
|
|
@media #{$sm} { |
|
padding: 18px 15px; |
|
position: relative; |
|
top: 5px; |
|
} |
|
} |
|
} |
|
} |