diff options
Diffstat (limited to 'plugins/jetpack/css/jetpack-banners.css')
-rw-r--r-- | plugins/jetpack/css/jetpack-banners.css | 107 |
1 files changed, 42 insertions, 65 deletions
diff --git a/plugins/jetpack/css/jetpack-banners.css b/plugins/jetpack/css/jetpack-banners.css index 5232bb5a..3dd658c7 100644 --- a/plugins/jetpack/css/jetpack-banners.css +++ b/plugins/jetpack/css/jetpack-banners.css @@ -26,40 +26,34 @@ https://github.com/thoughtbot/bourbon position: relative; padding: 0; } - .updated .jp-banner__header { - font-size: 1.125rem; + font-size: 1.25rem; font-weight: 400; margin-top: 0; } - .updated .jp-banner__button-container { padding: 2rem 0 0; flex-direction: row-reverse; align-items: center; justify-content: flex-end; } - @media (min-width: 600px) { .updated .jp-banner__button-container { display: flex; } } - .updated .jp-banner__tos-blurb { display: block; padding: 0.375rem 0; line-height: 1.5; - font-size: 0.6875rem; + font-size: 0.75rem; color: #414141; } - @media (min-width: 600px) { .updated .jp-banner__tos-blurb { margin-left: 1.125rem; } } - .updated .jp-banner__tos-blurb a { color: inherit; } @@ -87,80 +81,66 @@ https://github.com/thoughtbot/bourbon background: #f1f1f1; text-align: center; } - @media (max-width: 530px) { .jetpack-disconnected .jp-connect-full__container { top: 42px; } } - @media (min-width: 782px) { .jetpack-disconnected .jp-connect-full__container { left: -20px; } } - .jetpack-disconnected .jp-connect-full__container .jp-connect-full__container-card { padding: 4rem 4rem 6rem; background: white; 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; } - .jetpack-disconnected .jp-connect-full__container .jp-connect-full__container-card img.support-characters { margin-top: 1.5rem; width: 50%; } - .jetpack-disconnected .jp-connect-full__container h4 { line-height: 1.25; - font-size: 1.375rem; + font-size: 1.5rem; font-weight: normal; margin: 1em 0; } - .jetpack-disconnected.toplevel_page_jetpack .jp-connect-full__container { position: relative; bottom: 0; - box-shadow: 0 0 0 1px #ccd0d4, 0 1px 1px 1px rgba(0, 0, 0, 0.04); + box-shadow: 0 0 0 1px #c3c4c7, 0 1px 1px 1px rgba(0, 0, 0, 0.04); display: none; } - .jetpack-disconnected.toplevel_page_jetpack .jp-connect-full__container .jp-connect-full__container-card { margin: 0; } - @media (min-width: 782px) { .jetpack-disconnected.toplevel_page_jetpack .jp-connect-full__container { left: 0; } } - @media (max-width: 782px) { .jetpack-disconnected.toplevel_page_jetpack .jp-connect-full__container { top: 32px; } } - @media (max-width: 530px) { .jetpack-disconnected.toplevel_page_jetpack .jp-connect-full__container { top: 0px; } } - .jetpack-disconnected.toplevel_page_jetpack .jp-jetpack-connect__container .jp-connect-full__container { 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; @@ -182,39 +162,40 @@ https://github.com/thoughtbot/bourbon 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; + font-size: 2rem; font-weight: bold; + line-height: 1.2; color: black; } - @media (max-width: 530px) { .jp-connect-full__step-header h2 { margin-top: 1rem; + font-size: 1.5rem; } } - .jp-connect-full__step-header h3 { color: #747474; font-size: 1rem; font-weight: normal; margin: 0.625rem 0 1.5rem; } - .jp-connect-full__step-header.bottom { margin-top: 5rem; } +#jp-connect-full__step2-header { + display: none; +} + .jp-connect-full__tos-blurb { - font-size: 0.6875rem; + font-size: 0.75rem; margin: 0 auto 1rem; } @@ -223,7 +204,7 @@ https://github.com/thoughtbot/bourbon } .jp-connect-full__dismiss-paragraph { - font-size: .6875rem; + font-size: 0.75rem; } .jp-connect-full__tos-blurb a, @@ -244,27 +225,27 @@ https://github.com/thoughtbot/bourbon } .jp-connect-full__slide { - max-width: 35%; + max-width: 38%; margin: 3rem 0; } - @media (max-width: 782px) { .jp-connect-full__slide { margin: 1.875rem 0; } } - -.jp-connect-full__slide p { - font-size: 0.875rem; +.jp-connect-full__slide h3 { + font-size: 1.25rem; } - -.jp-connect-full__slide .illustration { - padding: 0.75rem; +.jp-connect-full__slide img { + max-width: 100%; +} +.jp-connect-full__slide ul { + list-style: disc; + margin-left: 16px; } - @media (min-width: 600px) { .jp-connect-full__slide .illustration { - margin-bottom: 2.625rem; + margin-bottom: 2rem; } } @@ -273,14 +254,12 @@ https://github.com/thoughtbot/bourbon margin: 0 auto; line-height: 1.25; } - .jp-connect-full__step-support h2 { margin: 1rem 0 0; - font-size: 1.375rem; + font-size: 1.5rem; font-weight: normal; color: black; } - .jp-connect-full__step-support h3 { color: #747474; font-size: 1rem; @@ -289,7 +268,7 @@ https://github.com/thoughtbot/bourbon } .jp-connect-full__button-container-loading { - font-size: 14px; + font-size: 0.875rem; animation: jetpack-loading-fade 1.6s ease-in-out infinite; } @@ -301,19 +280,18 @@ https://github.com/thoughtbot/bourbon .jp-connect-full__row { display: block; } + .jp-connect-full__slide { margin: 2em 0; max-width: 100%; } } - .updated.jp-wpcom-connect__container { border-left: none; padding: 0; - border: 1px solid #ccd0d4; + border: 1px solid #c3c4c7; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } - @media screen and (max-width: 782px) { .updated.jp-wpcom-connect__container { padding: 0 !important; @@ -335,12 +313,11 @@ https://github.com/thoughtbot/bourbon .jp-wpcom-connect__container-top-text { padding: 15px 35px 25px 15px; - background-color: #00BE28; + background-color: #069e08; color: white; display: flex; align-items: baseline; } - .jp-wpcom-connect__container-top-text svg { width: 24px; height: 24px; @@ -348,21 +325,17 @@ https://github.com/thoughtbot/bourbon position: relative; top: 7px; } - @media (max-width: 530px) { .jp-wpcom-connect__container-top-text svg { flex: 1; } } - .jp-wpcom-connect__container-top-text svg path { fill: #fff; } - .jp-wpcom-connect__container-top-text span { display: inline-block; } - @media (max-width: 530px) { .jp-wpcom-connect__container-top-text span { flex: 9; @@ -373,7 +346,7 @@ https://github.com/thoughtbot/bourbon display: block; position: relative; box-sizing: border-box; - background-color: #00BE28; + background-color: #069e08; } .jp-wpcom-connect__inner-container > a:first-child { @@ -423,17 +396,14 @@ https://github.com/thoughtbot/bourbon display: block; margin: 0 auto; } - .jp-connect-illo .jetpack-logo { margin-bottom: 2.25rem; } - @media (max-width: 530px) { .jp-connect-illo .jetpack-logo { margin-left: 0; } } - @media (max-width: 782px) { .jp-connect-illo { width: 100%; @@ -451,12 +421,10 @@ https://github.com/thoughtbot/bourbon .jp-wpcom-connect__slide { display: none; } - .jp-wpcom-connect__slide.jp__slide-is-active { display: flex; align-items: flex-start; } - @media (max-width: 782px) { .jp-wpcom-connect__slide.jp__slide-is-active { display: block; @@ -476,22 +444,31 @@ https://github.com/thoughtbot/bourbon .jp-banner__button-container .dops-button { margin: 0.3125rem 0; } - .jp-banner__button-container .dops-button.is-primary { - background: #00BE28; + background: #069e08; border-color: #00a523; padding-left: 1.5rem; padding-right: 1.5rem; flex-shrink: 0; } - .jp-banner__button-container .dops-button.is-primary:hover, .jp-banner__button-container .dops-button.is-primary:focus { background: #00a523; border-color: #008b1d; } - .jp-banner__button-container .dops-button.is-primary:focus { box-shadow: 0 0 0 1px white, 0 0 0 3px #008b1d; } +.jp-wpcom-connect__quest { + position: relative; + padding-left: 2.8125rem; + font-size: 1.25rem; +} + +.jp-wpcom-connect__quest-marker.gridicon { + position: absolute; + left: 0; + top: -0.1875rem; + fill: #eec74f; +} /*# sourceMappingURL=jetpack-banners.css.map */ |