Merge pull request #122 from status-im/landing-improvements
Improved landing page. Do not block renderig due to hubspot
This commit is contained in:
Teemu Patja
GitHub
commit
6cdcf3bfa0
|
|
@ -758,8 +758,7 @@ li.social-link a {
|
|||
flex-basis: 0;
|
||||
-ms-flex-positive: 1;
|
||||
flex-grow: 1;
|
||||
margin-top: 24px;
|
||||
margin-bottom: 24px; }
|
||||
margin-top: 24px; }
|
||||
|
||||
@media (min-width: 640px) {
|
||||
.actions {
|
||||
|
|
@ -787,9 +786,9 @@ li.social-link a {
|
|||
|
||||
.action p {
|
||||
opacity: 0.6;
|
||||
font-family: "PostGrotesk-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
|
||||
font-family: "PostGrotesk-Book", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
|
||||
font-size: 18px;
|
||||
line-height: 1.39;
|
||||
line-height: 25px;
|
||||
margin: 0 auto 26px;
|
||||
max-width: 400px;
|
||||
text-align: center;
|
||||
|
|
@ -822,6 +821,14 @@ li.social-link a {
|
|||
height: 159px;
|
||||
object-fit: contain; }
|
||||
|
||||
.github-heading {
|
||||
margin-top: 12px; }
|
||||
|
||||
.logo-github {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
object-fit: contain; }
|
||||
|
||||
.logo-organisations {
|
||||
width: 168px;
|
||||
height: 124px;
|
||||
|
|
@ -1534,6 +1541,16 @@ li.social-link a {
|
|||
color: #3685C9;
|
||||
font-family: "PostGrotesk-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; }
|
||||
|
||||
.email-form form {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column; }
|
||||
|
||||
@media (min-width: 1230px) {
|
||||
.email-form form {
|
||||
display: initial; } }
|
||||
|
||||
.email-form__responces {
|
||||
position: relative;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
|
|
@ -1597,8 +1614,8 @@ li.social-link a {
|
|||
.email-form__input--email,
|
||||
.email-form .hs_email.hs-form-field input {
|
||||
text-align: left;
|
||||
background-color: #4c81b6;
|
||||
color: #b6cbe1;
|
||||
background-color: rgba(51, 0, 0, 0.2);
|
||||
color: rgba(255, 255, 255, 0.67);
|
||||
padding: 16px 15px 15px 15px;
|
||||
margin: 0 0 0 0;
|
||||
font-family: 'PostGrotesk-Book', sans-serif;
|
||||
|
|
@ -1615,13 +1632,14 @@ li.social-link a {
|
|||
background-repeat: no-repeat;
|
||||
background-position: right 10px center; }
|
||||
|
||||
.email-form__input--email::-webkit-input-placeholder,
|
||||
.email-form__input--email::-moz-placeholder,
|
||||
.email-form__input--email:-ms-input-placeholder {
|
||||
color: #AEB5BA; }
|
||||
.email-form input::-webkit-input-placeholder {
|
||||
color: rgba(255, 255, 255, 0.67); }
|
||||
|
||||
.email-form__input--email:-moz-placeholder {
|
||||
color: rgba(255, 255, 255, 0.6); }
|
||||
.email-form input:-ms-input-placeholder {
|
||||
color: rgba(255, 255, 255, 0.67); }
|
||||
|
||||
.email-form input::placeholder {
|
||||
color: rgba(255, 255, 255, 0.67); }
|
||||
|
||||
.email-form .hbspt-form {
|
||||
width: 100%; }
|
||||
|
|
@ -1638,27 +1656,17 @@ li.social-link a {
|
|||
flex-shrink: 0;
|
||||
-ms-flex-positive: 0;
|
||||
flex-grow: 0;
|
||||
margin-left: 1em;
|
||||
border-radius: 8px; }
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.email-form, .email-form__inner {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
width: auto; }
|
||||
.email-form__inner {
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column; }
|
||||
.email-form__responces {
|
||||
width: 240px;
|
||||
text-align: center;
|
||||
margin-bottom: 24px;
|
||||
height: auto; }
|
||||
.email-form__success-message {
|
||||
width: 240px; }
|
||||
.email-form__success-message::after {
|
||||
left: 50%;
|
||||
margin: 0 0 0 -14px; } }
|
||||
.hs_submit {
|
||||
width: -webkit-fit-content;
|
||||
width: -moz-fit-content;
|
||||
width: fit-content;
|
||||
margin: 5px auto; }
|
||||
|
||||
@media (min-width: 1230px) {
|
||||
.email-form input[type="submit"] {
|
||||
margin-left: 10px; } }
|
||||
|
||||
@keyframes shakeIt {
|
||||
0%, 100% {
|
||||
|
|
|
|||
|
|
@ -30,20 +30,8 @@
|
|||
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
|
||||
<!-- <link rel="icon" type="image/png" href="dest/img/new-site/logo-32.png?v=516c1cd" sizes="32x32" />
|
||||
<link rel="icon" type="image/png" href="dest/img/new-site/logo-16.png?v=5108317" sizes="16x16" />
|
||||
|
||||
<link rel="apple-touch-icon" href="dest/img/new-site/apple-touch-icon-1024.png?v=464c5b1">
|
||||
<link rel="apple-touch-icon" sizes="76x76" href="dest/img/new-site/apple-touch-icon-76.png?v=13dde43">
|
||||
<link rel="apple-touch-icon" sizes="120x120" href="dest/img/new-site/apple-touch-icon-120.png?v=e3d71d5">
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="dest/img/new-site/apple-touch-icon-152.png?v=1353ddd">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="dest/img/new-site/apple-touch-icon-180.png?v=401931a">
|
||||
<link rel="mask-icon" href="dest/img/new-site/logo-mask.svg" color="4360DF">
|
||||
-->
|
||||
|
||||
<link rel="shortcut icon" href="/img/favicon.ico" />
|
||||
|
||||
<!-- favicon.ico in the root directory -->
|
||||
<link rel="stylesheet" href="dest/css/main.css?v=a664cb5">
|
||||
|
||||
<!-- Facebook Pixel Code -->
|
||||
|
|
@ -85,7 +73,7 @@
|
|||
<div class="nav">
|
||||
<a class="nav__item nav__item-features" href="/app">Activity</a>
|
||||
<a class="nav__item nav__item-features" href="/app">Open Bounties</a>
|
||||
<a href="{{authorize-url}}" id="button-login" class="button">Login -></a>
|
||||
<a href="{{authorize-url}}" id="button-login" class="button">Log in →</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -114,17 +102,7 @@
|
|||
</p>
|
||||
|
||||
<div class="email-form">
|
||||
<!--[if lte IE 8]>
|
||||
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2-legacy.js"></script>
|
||||
<![endif]-->
|
||||
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
|
||||
<script>
|
||||
hbspt.forms.create({
|
||||
css: '',
|
||||
portalId: '3954379',
|
||||
formId: 'b6c83d22-0bcf-4cfa-b9df-88fbaa09dee7'
|
||||
});
|
||||
</script>
|
||||
<div class="hbspt-form"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -235,7 +213,6 @@
|
|||
<li class="footer-link footer-link--rt"><a href="https://chat.status.im/#/register" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Riot</span></a></li>
|
||||
<li class="footer-link footer-link--gh"><a href="https://github.com/status-im" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Github</span></a></li>
|
||||
<li class="footer-link footer-link--rd"><a href="https://www.reddit.com/r/statusim/" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Reddit</span></a></li>
|
||||
<!-- <li class="footer-link footer-link--yt"><a href="https://www.youtube.com/channel/UCFzdJTUdzqyX4e9dOW7UpPQ/" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">YouTube</span></a></li> -->
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-table__column">
|
||||
|
|
@ -260,6 +237,19 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!--[if lte IE 8]>
|
||||
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2-legacy.js"></script>
|
||||
<![endif]-->
|
||||
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
|
||||
<script>
|
||||
hbspt.forms.create({
|
||||
css: '',
|
||||
target: '.hbspt-form',
|
||||
portalId: '3954379',
|
||||
formId: 'b6c83d22-0bcf-4cfa-b9df-88fbaa09dee7'
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Google Analytics -->
|
||||
<script>
|
||||
(function(i, s, o, g, r, a, m) {
|
||||
|
|
|
|||
|
|
@ -758,8 +758,7 @@ li.social-link a {
|
|||
flex-basis: 0;
|
||||
-ms-flex-positive: 1;
|
||||
flex-grow: 1;
|
||||
margin-top: 24px;
|
||||
margin-bottom: 24px; }
|
||||
margin-top: 24px; }
|
||||
|
||||
@media (min-width: 640px) {
|
||||
.actions {
|
||||
|
|
@ -787,9 +786,9 @@ li.social-link a {
|
|||
|
||||
.action p {
|
||||
opacity: 0.6;
|
||||
font-family: "PostGrotesk-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
|
||||
font-family: "PostGrotesk-Book", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
|
||||
font-size: 18px;
|
||||
line-height: 1.39;
|
||||
line-height: 25px;
|
||||
margin: 0 auto 26px;
|
||||
max-width: 400px;
|
||||
text-align: center;
|
||||
|
|
@ -822,6 +821,14 @@ li.social-link a {
|
|||
height: 159px;
|
||||
object-fit: contain; }
|
||||
|
||||
.github-heading {
|
||||
margin-top: 12px; }
|
||||
|
||||
.logo-github {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
object-fit: contain; }
|
||||
|
||||
.logo-organisations {
|
||||
width: 168px;
|
||||
height: 124px;
|
||||
|
|
@ -1534,6 +1541,16 @@ li.social-link a {
|
|||
color: #3685C9;
|
||||
font-family: "PostGrotesk-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; }
|
||||
|
||||
.email-form form {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column; }
|
||||
|
||||
@media (min-width: 1230px) {
|
||||
.email-form form {
|
||||
display: initial; } }
|
||||
|
||||
.email-form__responces {
|
||||
position: relative;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
|
|
@ -1597,8 +1614,8 @@ li.social-link a {
|
|||
.email-form__input--email,
|
||||
.email-form .hs_email.hs-form-field input {
|
||||
text-align: left;
|
||||
background-color: #4c81b6;
|
||||
color: #b6cbe1;
|
||||
background-color: rgba(51, 0, 0, 0.2);
|
||||
color: rgba(255, 255, 255, 0.67);
|
||||
padding: 16px 15px 15px 15px;
|
||||
margin: 0 0 0 0;
|
||||
font-family: 'PostGrotesk-Book', sans-serif;
|
||||
|
|
@ -1615,13 +1632,14 @@ li.social-link a {
|
|||
background-repeat: no-repeat;
|
||||
background-position: right 10px center; }
|
||||
|
||||
.email-form__input--email::-webkit-input-placeholder,
|
||||
.email-form__input--email::-moz-placeholder,
|
||||
.email-form__input--email:-ms-input-placeholder {
|
||||
color: #AEB5BA; }
|
||||
.email-form input::-webkit-input-placeholder {
|
||||
color: rgba(255, 255, 255, 0.67); }
|
||||
|
||||
.email-form__input--email:-moz-placeholder {
|
||||
color: rgba(255, 255, 255, 0.6); }
|
||||
.email-form input:-ms-input-placeholder {
|
||||
color: rgba(255, 255, 255, 0.67); }
|
||||
|
||||
.email-form input::placeholder {
|
||||
color: rgba(255, 255, 255, 0.67); }
|
||||
|
||||
.email-form .hbspt-form {
|
||||
width: 100%; }
|
||||
|
|
@ -1638,27 +1656,17 @@ li.social-link a {
|
|||
flex-shrink: 0;
|
||||
-ms-flex-positive: 0;
|
||||
flex-grow: 0;
|
||||
margin-left: 1em;
|
||||
border-radius: 8px; }
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.email-form, .email-form__inner {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
width: auto; }
|
||||
.email-form__inner {
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column; }
|
||||
.email-form__responces {
|
||||
width: 240px;
|
||||
text-align: center;
|
||||
margin-bottom: 24px;
|
||||
height: auto; }
|
||||
.email-form__success-message {
|
||||
width: 240px; }
|
||||
.email-form__success-message::after {
|
||||
left: 50%;
|
||||
margin: 0 0 0 -14px; } }
|
||||
.hs_submit {
|
||||
width: -webkit-fit-content;
|
||||
width: -moz-fit-content;
|
||||
width: fit-content;
|
||||
margin: 5px auto; }
|
||||
|
||||
@media (min-width: 1230px) {
|
||||
.email-form input[type="submit"] {
|
||||
margin-left: 10px; } }
|
||||
|
||||
@keyframes shakeIt {
|
||||
0%, 100% {
|
||||
|
|
|
|||
|
|
@ -30,18 +30,8 @@
|
|||
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
|
||||
<!-- <link rel="icon" type="image/png" href="dest/img/new-site/logo-32.png?v=516c1cd" sizes="32x32" />
|
||||
<link rel="icon" type="image/png" href="dest/img/new-site/logo-16.png?v=5108317" sizes="16x16" />
|
||||
<link rel="shortcut icon" href="/img/favicon.ico" />
|
||||
|
||||
<link rel="apple-touch-icon" href="dest/img/new-site/apple-touch-icon-1024.png?v=464c5b1">
|
||||
<link rel="apple-touch-icon" sizes="76x76" href="dest/img/new-site/apple-touch-icon-76.png?v=13dde43">
|
||||
<link rel="apple-touch-icon" sizes="120x120" href="dest/img/new-site/apple-touch-icon-120.png?v=e3d71d5">
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="dest/img/new-site/apple-touch-icon-152.png?v=1353ddd">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="dest/img/new-site/apple-touch-icon-180.png?v=401931a">
|
||||
<link rel="mask-icon" href="dest/img/new-site/logo-mask.svg" color="4360DF">
|
||||
-->
|
||||
|
||||
<!-- favicon.ico in the root directory -->
|
||||
<link rel="stylesheet" href="dest/css/main.css?v=a664cb5">
|
||||
|
||||
<!-- Facebook Pixel Code -->
|
||||
|
|
@ -83,7 +73,7 @@
|
|||
<div class="nav">
|
||||
<a class="nav__item nav__item-features" href="/app">Activity</a>
|
||||
<a class="nav__item nav__item-features" href="/app">Open Bounties</a>
|
||||
<a href="{{authorize-url}}" id="button-login" class="button">Login -></a>
|
||||
<a href="{{authorize-url}}" id="button-login" class="button">Log in →</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -112,17 +102,7 @@
|
|||
</p>
|
||||
|
||||
<div class="email-form">
|
||||
<!--[if lte IE 8]>
|
||||
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2-legacy.js"></script>
|
||||
<![endif]-->
|
||||
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
|
||||
<script>
|
||||
hbspt.forms.create({
|
||||
css: '',
|
||||
portalId: '3954379',
|
||||
formId: 'b6c83d22-0bcf-4cfa-b9df-88fbaa09dee7'
|
||||
});
|
||||
</script>
|
||||
<div class="hbspt-form"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -233,7 +213,6 @@
|
|||
<li class="footer-link footer-link--rt"><a href="https://chat.status.im/#/register" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Riot</span></a></li>
|
||||
<li class="footer-link footer-link--gh"><a href="https://github.com/status-im" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Github</span></a></li>
|
||||
<li class="footer-link footer-link--rd"><a href="https://www.reddit.com/r/statusim/" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Reddit</span></a></li>
|
||||
<!-- <li class="footer-link footer-link--yt"><a href="https://www.youtube.com/channel/UCFzdJTUdzqyX4e9dOW7UpPQ/" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">YouTube</span></a></li> -->
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-table__column">
|
||||
|
|
@ -258,6 +237,19 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!--[if lte IE 8]>
|
||||
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2-legacy.js"></script>
|
||||
<![endif]-->
|
||||
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
|
||||
<script>
|
||||
hbspt.forms.create({
|
||||
css: '',
|
||||
target: '.hbspt-form',
|
||||
portalId: '3954379',
|
||||
formId: 'b6c83d22-0bcf-4cfa-b9df-88fbaa09dee7'
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Google Analytics -->
|
||||
<script>
|
||||
(function(i, s, o, g, r, a, m) {
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -15,7 +15,6 @@
|
|||
flex-basis: 0;
|
||||
flex-grow: 1;
|
||||
margin-top: 24px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
@media (min-width: 640px) {
|
||||
|
|
@ -48,9 +47,9 @@
|
|||
|
||||
.action p {
|
||||
opacity: 0.6;
|
||||
font-family: $PostGroteskMedium;
|
||||
font-family: $PostGroteskBook;
|
||||
font-size: 18px;
|
||||
line-height: 1.39;
|
||||
line-height: 25px;
|
||||
margin: 0 auto 26px;
|
||||
max-width: 400px;
|
||||
text-align: center;
|
||||
|
|
|
|||
|
|
@ -15,6 +15,17 @@
|
|||
font-family: $PostGroteskMedium;
|
||||
}
|
||||
|
||||
.email-form form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
@media (min-width: 1230px) {
|
||||
.email-form form {
|
||||
display: initial;
|
||||
}
|
||||
}
|
||||
|
||||
.email-form__responces {
|
||||
position: relative;
|
||||
color: rgba(255, 255, 255, .6);
|
||||
|
|
@ -87,8 +98,8 @@
|
|||
.email-form__input--email,
|
||||
.email-form .hs_email.hs-form-field input {
|
||||
text-align: left;
|
||||
background-color: #4c81b6;
|
||||
color: #b6cbe1;
|
||||
background-color: rgba(51, 0, 0, 0.2);
|
||||
color: rgba(255, 255, 255, .67);
|
||||
padding: 16px 15px 15px 15px;
|
||||
margin: 0 0 0 0;
|
||||
font-family: 'PostGrotesk-Book', sans-serif;
|
||||
|
|
@ -100,12 +111,6 @@
|
|||
font-size: 16px;
|
||||
}
|
||||
|
||||
input.email-form__input--email:disabled {
|
||||
//color: #AEB5BA;
|
||||
//background-color: #F7FAFB;
|
||||
//opacity: 1;
|
||||
}
|
||||
|
||||
.email-form--valid .email-form__input--email {
|
||||
color: #92999F;
|
||||
background-image: url(../img/new-site/verified.png);
|
||||
|
|
@ -114,18 +119,8 @@ input.email-form__input--email:disabled {
|
|||
background-position: right 10px center;
|
||||
}
|
||||
|
||||
.email-form__input--email:focus {
|
||||
|
||||
}
|
||||
|
||||
.email-form__input--email::-webkit-input-placeholder,
|
||||
.email-form__input--email::-moz-placeholder,
|
||||
.email-form__input--email:-ms-input-placeholder {
|
||||
color: #AEB5BA;
|
||||
}
|
||||
|
||||
.email-form__input--email:-moz-placeholder {
|
||||
color: rgba(255, 255, 255, .6);
|
||||
.email-form input::placeholder {
|
||||
color: rgba(255, 255, 255, .67);
|
||||
}
|
||||
|
||||
.email-form .hbspt-form {
|
||||
|
|
@ -148,54 +143,20 @@ input.email-form__input--email:disabled {
|
|||
.email-form input[type="submit"] {
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
margin-left: 1em;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.email-form input[type="submit"]:hover {
|
||||
//background-color: #945BF0;
|
||||
.hs_submit {
|
||||
width: fit-content;
|
||||
margin: 5px auto;
|
||||
}
|
||||
|
||||
.email-form input[type="submit"]:disabled {
|
||||
//cursor: default;
|
||||
//color: #8CC2F2;
|
||||
@media (min-width: 1230px) {
|
||||
.email-form input[type="submit"] {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.email-form input[type="submit"]:disabled:hover {
|
||||
//background-color: #CAE1F7;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media (max-width: 640px) {
|
||||
|
||||
.email-form, .email-form__inner {
|
||||
display: flex;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.email-form__inner {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.email-form__responces {
|
||||
width: 240px;
|
||||
text-align: center;
|
||||
margin-bottom: 24px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.email-form__success-message {
|
||||
width: 240px;
|
||||
}
|
||||
.email-form__success-message::after {
|
||||
left: 50%;
|
||||
margin: 0 0 0 -14px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
@keyframes shakeIt {
|
||||
0%, 100% {
|
||||
transform: translate3d(0, 0, 0);
|
||||
|
|
|
|||
Loading…
Reference in New Issue