diff options
Diffstat (limited to 'plugins/jetpack/css/jetpack-banners.css')
-rw-r--r-- | plugins/jetpack/css/jetpack-banners.css | 72 |
1 files changed, 46 insertions, 26 deletions
diff --git a/plugins/jetpack/css/jetpack-banners.css b/plugins/jetpack/css/jetpack-banners.css index 458a2176..5232bb5a 100644 --- a/plugins/jetpack/css/jetpack-banners.css +++ b/plugins/jetpack/css/jetpack-banners.css @@ -106,6 +106,12 @@ https://github.com/thoughtbot/bourbon margin: 1em; } +@media (max-width: 530px) { + .jetpack-disconnected .jp-connect-full__container .jp-connect-full__container-card { + padding: 2rem 2rem; + } +} + .jetpack-disconnected .jp-connect-full__container .jp-connect-full__container-card img.jetpack-logo { width: 160px; } @@ -125,7 +131,7 @@ https://github.com/thoughtbot/bourbon .jetpack-disconnected.toplevel_page_jetpack .jp-connect-full__container { position: relative; bottom: 0; - box-shadow: 0 0 0 1px rgba(213, 213, 213, 0.5), 0 1px 2px #eeeeee; + box-shadow: 0 0 0 1px #ccd0d4, 0 1px 1px 1px rgba(0, 0, 0, 0.04); display: none; } @@ -141,7 +147,13 @@ https://github.com/thoughtbot/bourbon @media (max-width: 782px) { .jetpack-disconnected.toplevel_page_jetpack .jp-connect-full__container { - top: 46px; + top: 32px; + } +} + +@media (max-width: 530px) { + .jetpack-disconnected.toplevel_page_jetpack .jp-connect-full__container { + top: 0px; } } @@ -149,6 +161,12 @@ https://github.com/thoughtbot/bourbon display: block; } +@media (max-width: 530px) { + .jetpack-disconnected.toplevel_page_jetpack .jp-jetpack-connect__container .jp-connect-full__container .jp-connect-full__step-header h2 { + margin: 0; + } +} + .jp-connect-full__svg-dismiss { position: absolute; right: 0; @@ -161,10 +179,16 @@ https://github.com/thoughtbot/bourbon .jp-connect-full__step-header { max-width: 700px; - margin: 0 auto; + margin: 0 auto 40px auto; line-height: 1.5; } +@media (max-width: 530px) { + .jp-connect-full__step-header { + margin-bottom: 1.5rem; + } +} + .jp-connect-full__step-header h2 { margin: 1.5rem 10% 0; font-size: 1.375rem; @@ -174,7 +198,7 @@ https://github.com/thoughtbot/bourbon @media (max-width: 530px) { .jp-connect-full__step-header h2 { - margin: 1.5rem 0 0; + margin-top: 1rem; } } @@ -189,22 +213,6 @@ https://github.com/thoughtbot/bourbon margin-top: 5rem; } -.jp-connect-full__button-container { - margin: 0; -} - -.jp-connect-full__button-container .dops-button.is-primary { - background: #00BE28; - border-color: #00a523; - padding-left: 1.5rem; - padding-right: 1.5rem; -} - -.jp-connect-full__button-container .dops-button.is-primary:hover, .jp-connect-full__button-container .dops-button.is-primary:focus { - background: #00a523; - border-color: #008b1d; -} - .jp-connect-full__tos-blurb { font-size: 0.6875rem; margin: 0 auto 1rem; @@ -227,6 +235,7 @@ https://github.com/thoughtbot/bourbon .jp-connect-full__row { display: flex; + justify-content: space-around; justify-content: space-evenly; text-align: left; align-items: baseline; @@ -279,6 +288,15 @@ https://github.com/thoughtbot/bourbon margin: 0.625rem 0 1.5rem; } +.jp-connect-full__button-container-loading { + font-size: 14px; + animation: jetpack-loading-fade 1.6s ease-in-out infinite; +} + +.jp-connect-full__button-container .jp-spinner { + width: 100%; +} + @media screen and (max-width: 480px) { .jp-connect-full__row { display: block; @@ -287,15 +305,13 @@ https://github.com/thoughtbot/bourbon margin: 2em 0; max-width: 100%; } - .jetpack-disconnected .jp-connect-full__container .jp-connect-full__container-card { - padding: 3rem 2rem; - } } .updated.jp-wpcom-connect__container { border-left: none; padding: 0; - box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; + border: 1px solid #ccd0d4; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } @media screen and (max-width: 782px) { @@ -408,12 +424,12 @@ https://github.com/thoughtbot/bourbon margin: 0 auto; } -.jp-connect-illo img.jetpack-logo { +.jp-connect-illo .jetpack-logo { margin-bottom: 2.25rem; } @media (max-width: 530px) { - .jp-connect-illo img.jetpack-logo { + .jp-connect-illo .jetpack-logo { margin-left: 0; } } @@ -474,4 +490,8 @@ https://github.com/thoughtbot/bourbon border-color: #008b1d; } +.jp-banner__button-container .dops-button.is-primary:focus { + box-shadow: 0 0 0 1px white, 0 0 0 3px #008b1d; +} + /*# sourceMappingURL=jetpack-banners.css.map */ |