62 lines
911 B
SCSS
62 lines
911 B
SCSS
.jet-subscribe-form {
|
|
.jet-subscribe-form__input {
|
|
border: 1px solid #e0e0e8;
|
|
background-color: #f7fafd;
|
|
border-radius: 4px;
|
|
padding: 13px 20px;
|
|
margin: 5px 0;
|
|
|
|
&.mail-invalid {
|
|
color: #d9534f;
|
|
}
|
|
|
|
&:focus {
|
|
outline: none;
|
|
box-shadow: 0 0 10px #e0e0e8;
|
|
}
|
|
|
|
&:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
&:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
.jet-subscribe-form__submit {
|
|
background-color: #6ec1e4;
|
|
}
|
|
|
|
.jet-subscribe-form__submit-icon {
|
|
color: white;
|
|
font-size: 15px;
|
|
margin-right: 10px;
|
|
}
|
|
}
|
|
|
|
.jet-subscribe-form--inline-layout {
|
|
.jet-subscribe-form__submit {
|
|
margin-left: 10px;
|
|
}
|
|
}
|
|
|
|
.jet-subscribe-form--block-layout {
|
|
.jet-subscribe-form__submit {
|
|
margin-top: 10px;
|
|
}
|
|
}
|
|
|
|
.jet-subscribe-form--response-success {
|
|
.jet-subscribe-form__message {
|
|
color: #5cb85c;
|
|
}
|
|
}
|
|
|
|
.jet-subscribe-form--response-error {
|
|
.jet-subscribe-form__message {
|
|
color: #d9534f;
|
|
}
|
|
}
|
|
|