From 8e3f8566cc931be0c83e4120d2fd470ed638b9c5 Mon Sep 17 00:00:00 2001 From: Daniel Walmsley Date: Fri, 11 Oct 2019 11:56:39 -0700 Subject: [PATCH] Update Jetpack button and card styles to match WordPress 5.3 --- _inc/client/components/button/style.scss | 22 +- _inc/client/components/card/style.scss | 11 +- _inc/client/components/dash-item/style.scss | 1 + _inc/client/components/section-nav/style.scss | 16 +- .../components/settings-group/style.scss | 2 +- _inc/client/scss/calypso-colors.scss | 7 +- _inc/client/scss/variables/_colors.scss | 2 +- _inc/client/settings/style.scss | 1 + .../jitm/assets/jetpack-admin-jitm-rtl.css | 479 ------------------ .../assets/jetpack-admin-jitm-rtl.min.css | 5 - packages/jitm/assets/jetpack-admin-jitm.css | 19 +- .../jitm/assets/jetpack-admin-jitm.min.css | 2 +- packages/jitm/assets/jetpack-admin-jitm.scss | 15 +- 13 files changed, 59 insertions(+), 523 deletions(-) delete mode 100644 packages/jitm/assets/jetpack-admin-jitm-rtl.css delete mode 100644 packages/jitm/assets/jetpack-admin-jitm-rtl.min.css diff --git a/_inc/client/components/button/style.scss b/_inc/client/components/button/style.scss index f1f691d2abd28..1e4b99c7c8dba 100644 --- a/_inc/client/components/button/style.scss +++ b/_inc/client/components/button/style.scss @@ -6,11 +6,11 @@ // ========================================================================== .dops-button { - background: $white; - border-color: lighten( $gray, 20% ); + background: $blue-grey-light; + border-color: $blue-medium-dark; border-style: solid; - border-width: 1px 1px 2px; - color: $gray-dark; + border-width: 1px; + color: $blue-medium-dark; cursor: pointer; display: inline-block; margin: 0; @@ -23,15 +23,17 @@ vertical-align: top; box-sizing: border-box; font-size: 14px; - line-height: 21px; border-radius: 4px; padding: 7px 14px 9px; -webkit-appearance: none; appearance: none; &:hover { - border-color: lighten( $gray, 10% ); - color: $gray-dark; + // border-color: lighten( $gray, 10% ); + // color: $gray-dark; + background: #f1f1f1; + border-color: $blue-grey-dark; + color: $blue-grey-dark; } &:active { border-width: 2px 1px 1px; @@ -54,7 +56,6 @@ } &.is-compact { padding: 7px; - color: darken( $gray, 10% ); font-size: 11px; line-height: 1; text-transform: uppercase; @@ -94,12 +95,13 @@ // Primary buttons .dops-button.is-primary { background: $blue-medium; - border-color: $blue-wordpress; + border-color: $blue-medium; color: $white; &:hover, &:focus { - border-color: $blue-dark; + border-color: $blue-medium-dark; + background: $blue-medium-dark; color: $white; } &[disabled], diff --git a/_inc/client/components/card/style.scss b/_inc/client/components/card/style.scss index 2e2e6602b9c7b..7e16671ad2967 100644 --- a/_inc/client/components/card/style.scss +++ b/_inc/client/components/card/style.scss @@ -17,8 +17,11 @@ $section-border: #DDDDDD; padding: 16px; box-sizing: border-box; background: $white; - box-shadow: 0 0 0 1px transparentize( lighten( $gray, 20% ), .5 ), - 0 1px 2px lighten( $gray, 30% ); + /*box-shadow: 0 0 0 1px transparentize( lighten( $gray, 20% ), .5 ), + 0 1px 2px lighten( $gray, 30% );*/ + border: 1px solid $light-gray-700; + box-shadow: 0 1px 1px rgba(0,0,0,.04); + border-radius: 2px; @include clear-fix; @@ -29,10 +32,10 @@ $section-border: #DDDDDD; // Compact Card &.is-compact { - margin-bottom: 1px; + margin-bottom: -1px; @include breakpoint( ">480px" ) { - margin-bottom: 1px; + margin-bottom: -1px; padding: 16px 24px; } } diff --git a/_inc/client/components/dash-item/style.scss b/_inc/client/components/dash-item/style.scss index 8d326ac102805..41de101534d41 100644 --- a/_inc/client/components/dash-item/style.scss +++ b/_inc/client/components/dash-item/style.scss @@ -56,6 +56,7 @@ .jp-dash-item .dops-section-header { width: 100%; + margin-bottom: -1px; .dops-button { font-style: normal; diff --git a/_inc/client/components/section-nav/style.scss b/_inc/client/components/section-nav/style.scss index 2a3d6f36fe57a..ac4ac4fadcee2 100644 --- a/_inc/client/components/section-nav/style.scss +++ b/_inc/client/components/section-nav/style.scss @@ -17,8 +17,8 @@ margin: 0 0 17px 0; background: $white; box-sizing: border-box; - box-shadow: 0 0 0 1px transparentize( lighten( $gray, 20% ), .5 ), - 0 1px 2px lighten( $gray, 30% ); + border: 1px solid $light-gray-700; + box-shadow: 0 1px 1px rgba(0,0,0,.04); &.is-empty .dops-section-nav__panel { visibility: hidden; @@ -280,7 +280,7 @@ .is-selected & { color: $white; - background-color: $blue-medium; + background-color: $blue-medium-dark; } &:focus { @@ -300,9 +300,13 @@ } } + &:hover { + color: $blue-grey-dark; + } + .notouch & { &:hover { - color: $blue-medium; + color: $blue-medium-dark; } } @@ -316,11 +320,11 @@ display: block; width: auto; padding: 16px 16px 14px 16px; - color: $blue-wordpress; + color: $blue-medium-dark; font-weight: 400; &:visited { - color: $blue-wordpress; + color: $blue-medium-dark; } .is-selected & { diff --git a/_inc/client/components/settings-group/style.scss b/_inc/client/components/settings-group/style.scss index da0e142e7e41b..fda40b2d66d4e 100644 --- a/_inc/client/components/settings-group/style.scss +++ b/_inc/client/components/settings-group/style.scss @@ -1,6 +1,6 @@ .jp-form-settings-group { position: relative; - margin-bottom: 0; + margin-bottom: -1px; p { font-size: rem( 14px ); diff --git a/_inc/client/scss/calypso-colors.scss b/_inc/client/scss/calypso-colors.scss index 9d22ec91175f9..4c5825ea8b8a2 100644 --- a/_inc/client/scss/calypso-colors.scss +++ b/_inc/client/scss/calypso-colors.scss @@ -1,8 +1,13 @@ // Blues $blue-wordpress: #0087be; $blue-light: #78dcfa; -$blue-medium: #00aadc; +$blue-medium: #007cba; $blue-dark: #005082; +$blue-medium-dark: #0071a1; +$blue-grey-light: #f3f5f6; +$blue-grey-dark: #016087; +$light-gray-700: #ccd0d4; + // Grays $gray-original: #87a6bc; diff --git a/_inc/client/scss/variables/_colors.scss b/_inc/client/scss/variables/_colors.scss index ac29ac29df36a..0206ffeb015c6 100644 --- a/_inc/client/scss/variables/_colors.scss +++ b/_inc/client/scss/variables/_colors.scss @@ -7,7 +7,7 @@ // Primary Accent (Blues) $blue-wordpress: #0087be; $blue-light: #78dcfa; -$blue-medium: #00aadc; +$blue-medium: #007cba; $blue-dark: #005082; // Grays diff --git a/_inc/client/settings/style.scss b/_inc/client/settings/style.scss index 088f14921a0b2..0eebb5e9b605b 100644 --- a/_inc/client/settings/style.scss +++ b/_inc/client/settings/style.scss @@ -23,4 +23,5 @@ padding: 0; background: none; box-shadow: none; + border: none; } diff --git a/packages/jitm/assets/jetpack-admin-jitm-rtl.css b/packages/jitm/assets/jetpack-admin-jitm-rtl.css deleted file mode 100644 index 26882a6ddb968..0000000000000 --- a/packages/jitm/assets/jetpack-admin-jitm-rtl.css +++ /dev/null @@ -1,479 +0,0 @@ -/*! -* Do not modify this file directly. It is automatically generated. -*/ -/*! -* Do not modify this file directly. It is compiled SASS code. -*/ -@charset "UTF-8"; -/* -The MIT License (MIT) - -Copyright © 2011–2015 thoughtbot, inc. - -Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated -documentation files (the “Software”), to deal in the Software without restriction, including without limitation the -rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit -persons to whom the Software is furnished to do so, subject to the following conditions: - -The above copyright notice and this permission notice shall be included in all copies or substantial -portions of the Software. - -THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE -WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR -COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR -OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. - -https://github.com/thoughtbot/bourbon -*/ -.jitm-button { - background: white; - border-color: #d5d5d5; - border-style: solid; - border-width: 1px 1px 2px; - color: #414141; - cursor: pointer; - display: inline-block; - margin: 0; - outline: 0; - overflow: hidden; - font-weight: 500; - text-overflow: ellipsis; - text-decoration: none; - vertical-align: top; - box-sizing: border-box; - font-size: 0.875rem; - line-height: 1.3125rem; - border-radius: 0.25rem; - padding: 0.4375rem 0.875rem 0.5625rem; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} - -.jitm-button:hover { - border-color: #bbbbbb; - color: #414141; -} - -.jitm-button:active { - border-width: 2px 1px 1px; -} - -.jitm-button:visited { - color: #414141; -} - -.jitm-button[disabled], .jitm-button:disabled { - color: #eeeeee; - background: white; - border-color: #eeeeee; - cursor: default; -} - -.jitm-button[disabled]:active, .jitm-button:disabled:active { - border-width: 1px 1px 2px; -} - -.jitm-button:focus { - outline: 0; - border-color: #00aadc; - box-shadow: 0 0 0 2px #78dcfa; -} - -.jitm-button.is-compact { - padding: 0.4375rem; - color: #888888; - font-size: 0.75rem; - line-height: 1; -} - -.jitm-button.is-compact:disabled { - color: #eeeeee; -} - -.jitm-button.hidden { - display: none; -} - -.jitm-button.is-primary { - background: #00aadc; - border-color: #0087be; - color: white; -} - -.jitm-button.is-primary:hover, .jitm-button.is-primary:focus { - border-color: #005082; - color: white; -} - -.jitm-button.is-primary[disabled], .jitm-button.is-primary:disabled { - background: #bceefd; - border-color: #8cc9e2; - color: white; -} - -.jitm-button.is-primary.is-compact { - color: white; -} - -.jitm-card { - display: block; - clear: both; - position: relative; - margin: 3rem auto 0 1.25rem; - padding: 1rem; - box-sizing: border-box; - background: white; - box-shadow: 0 0 0 1px rgba(213, 213, 213, 0.5), 0 1px 2px #eeeeee; -} - -.jitm-card:after { - content: "."; - display: block; - height: 0; - clear: both; - visibility: hidden; -} - -@media (min-width: 481px) { - .jitm-card { - margin-bottom: 1rem; - padding: 1.5rem; - } -} - -.jitm-card.is-compact { - margin-bottom: 0.0625rem; -} - -@media (min-width: 481px) { - .jitm-card.is-compact { - margin-bottom: 1px; - padding: 1rem 1.5rem; - } -} - -.jitm-card.is-card-link { - padding-left: 3rem; -} - -#screen-meta-links + .jitm-card { - margin: 2.5rem auto 0 1.5385em; -} - -#dolly + .jitm-card { - margin: 3rem auto 0 1rem; -} - -.post-php .jitm-card { - margin-left: 0; -} - -.jp-lower .jitm-card { - margin: 0 0 1.5rem; -} - -.jitm-banner.jitm-card { - border-right: 4px solid; - display: flex; - padding: 0.75rem 0.75rem 0.75rem 0.375rem; - position: relative; - z-index: 2; - border-right-color: #4ab866; -} - -@media (max-width: 480px) { - .jitm-banner.jitm-card { - display: block; - } -} - -.jitm-banner.jitm-card.is-card-link { - padding: 0.75rem 1rem 0.75rem 3rem; -} - -.jitm-banner.jitm-card.is-dismissible { - padding-left: 3rem; -} - -.jitm-banner.jitm-card .jitm-banner__icon { - color: #4ab866; -} - -.jitm-banner.jitm-card .jitm-banner__icon-circle { - background-color: #4ab866; -} - -.jitm-banner.jitm-card.is-upgrade-personal { - border-right-color: #f0b849; -} - -.jitm-banner.jitm-card.is-upgrade-personal .jitm-banner__icon { - color: #f0b849; -} - -.jitm-banner.jitm-card.is-upgrade-personal .jitm-banner__icon-circle { - background-color: #f0b849; -} - -.jitm-banner.jitm-card.is-upgrade-premium { - border-right-color: #4ab866; -} - -.jitm-banner.jitm-card.is-upgrade-premium .jitm-banner__icon { - color: #4ab866; -} - -.jitm-banner.jitm-card.is-upgrade-premium .jitm-banner__icon-circle { - background-color: #4ab866; -} - -.jitm-banner.jitm-card.is-upgrade-business, .jitm-banner.jitm-card.woo-jitm { - border-right-color: #855DA6; -} - -.jitm-banner.jitm-card.is-upgrade-business .jitm-banner__icon, .jitm-banner.jitm-card.woo-jitm .jitm-banner__icon { - color: #855DA6; -} - -.jitm-banner.jitm-card.is-upgrade-business .jitm-banner__icon-circle, .jitm-banner.jitm-card.woo-jitm .jitm-banner__icon-circle { - background-color: #855DA6; -} - -.jitm-banner.jitm-card .jitm-card__link-indicator { - align-items: center; - color: #0087be; - display: flex; -} - -.jitm-banner.jitm-card:hover { - transition: all 100ms ease-in-out; -} - -.jitm-banner.jitm-card:hover.is-card-link { - box-shadow: 0 0 0 1px #a2a2a2, 0 2px 4px #d5d5d5; -} - -.jitm-banner.jitm-card:hover .jitm-card__link-indicator { - color: #005082; -} - -@media (min-width: 481px) { - .jitm-banner.jitm-card { - padding: 0.75rem 1rem; - } - .jitm-banner.jitm-card.is-dismissible { - padding-left: 1rem; - } -} - -.jitm-banner__icons { - display: flex; -} - -.jitm-banner__icons .jitm-banner__icon, -.jitm-banner__icons .jitm-banner__icon-circle { - border-radius: 50%; - flex-shrink: 0; - height: 1.5rem; - width: 1.5rem; - margin-left: 1rem; - margin-top: -0.125rem; - text-align: center; - top: 0.25rem; -} - -.jitm-banner__icons .jitm-banner__icon { - align-self: center; - color: white; - display: block; -} - -.jitm-banner__icons .jitm-banner__icon-circle { - color: white; - display: none; - padding: 0.1875rem 0.1875rem 0.25rem 0.25rem; -} - -@media (min-width: 481px) { - .jitm-banner__icons { - align-items: center; - } - .jitm-banner__icons .jitm-banner__icon { - display: none; - } - .jitm-banner__icons .jitm-banner__icon-circle { - display: block; - } -} - -.jitm-banner__icon-plan { - display: flex; - margin-left: 1rem; -} - -.jitm-banner__icon-plan .dops-plan-icon { - height: 2rem; - width: 2rem; -} - -.jitm-banner__icon-plan .jp-emblem { - position: relative; - top: 0.125rem; -} - -@media (max-width: 480px) { - .jitm-banner__icon-plan .jp-emblem { - margin-bottom: 0.75rem; - } -} - -.jitm-banner__icon-plan .jp-emblem svg { - height: 2rem; - width: 2rem; - fill: #00BE28; -} - -@media (min-width: 481px) { - .jitm-banner__icon-plan { - align-items: center; - } -} - -.jitm-banner__content { - align-items: center; - display: flex; - flex-grow: 1; - flex-wrap: wrap; -} - -@media (min-width: 481px) { - .jitm-banner__content { - flex-wrap: nowrap; - } -} - -.jitm-banner__info { - flex-grow: 1; - line-height: 1.4; -} - -@media (min-width: 481px) { - .jitm-banner__info { - flex-basis: 50%; - } -} - -@media (min-width: 961px) { - .jitm-banner__info { - flex-basis: 70%; - } -} - -.jitm-banner__info .jitm-banner__title, -.jitm-banner__info .jitm-banner__description { - color: #414141; -} - -.jitm-banner__info .jitm-banner__title { - font-size: 14px; - font-weight: 500; -} - -.jitm-banner__info .jitm-banner__description { - font-size: 0.75rem; - line-height: 1.5; - margin-top: 0.375rem; -} - -.jitm-banner__info .banner__list { - font-size: 12px; - list-style: none; - margin: 10px 0; -} - -.jitm-banner__info .banner__list li { - margin: 6px 0; -} - -.jitm-banner__info .banner__list li .gridicon { - fill: #a2a2a2; - display: inline; - margin-left: 12px; - vertical-align: bottom; -} - -.jitm-banner__action { - align-self: center; - font-size: 0.75rem; - margin: 0.5rem 0 0; - text-align: right; - width: 100%; -} - -.jitm-banner__action .jitm-banner__prices { - display: flex; - justify-content: flex-start; -} - -.jitm-banner__action .jitm-banner__prices .dops-plan-price { - margin-bottom: 0; -} - -.jitm-banner__action .jitm-banner__prices .dops-plan-price.is-discounted, -.jitm-banner__action .jitm-banner__prices .dops-plan-price.is-discounted .dops-plan-price__currency-symbol { - color: #414141; -} - -.has-call-to-action .jitm-banner__action .jitm-banner__prices .dops-plan-price { - margin-bottom: 0.5rem; -} - -@media (min-width: 481px) { - .jitm-banner__action { - margin: 0 0.5rem 0 0.25rem; - text-align: center; - width: auto; - } - .jitm-banner__action .is-dismissible { - margin-top: 2.5rem; - } - .jitm-banner__action .jitm-banner__prices { - justify-content: flex-end; - text-align: left; - } -} - -.jitm-banner__dismiss { - display: block; - text-decoration: none; - line-height: .5; -} - -.jitm-banner__dismiss:before { - color: #6f6f6f; - font: 400 16px/1 dashicons; - content: '\f158'; -} - -@media (min-width: 661px) { - .jitm-banner__dismiss { - margin-left: -0.5rem; - } -} - -@media (max-width: 480px) { - .jitm-banner__dismiss { - position: absolute; - top: 0.875rem; - left: 0.875rem; - } -} - -.jitm-banner__action + .jitm-banner__dismiss { - margin-right: 0.625rem; -} - -#dolly + .jitm-card { - margin: 3rem auto 0 1rem; -} diff --git a/packages/jitm/assets/jetpack-admin-jitm-rtl.min.css b/packages/jitm/assets/jetpack-admin-jitm-rtl.min.css deleted file mode 100644 index 396e4d537547c..0000000000000 --- a/packages/jitm/assets/jetpack-admin-jitm-rtl.min.css +++ /dev/null @@ -1,5 +0,0 @@ -@charset "UTF-8";/*! -* Do not modify this file directly. It is automatically generated. -*//*! -* Do not modify this file directly. It is compiled SASS code. -*/.jitm-button{background:#fff;border-color:#d5d5d5;border-style:solid;border-width:1px 1px 2px;color:#414141;cursor:pointer;display:inline-block;margin:0;outline:0;overflow:hidden;font-weight:500;text-overflow:ellipsis;text-decoration:none;vertical-align:top;box-sizing:border-box;font-size:.875rem;line-height:1.3125rem;border-radius:.25rem;padding:.4375rem .875rem .5625rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.jitm-button:hover{border-color:#bbb;color:#414141}.jitm-button:active{border-width:2px 1px 1px}.jitm-button:visited{color:#414141}.jitm-button:disabled,.jitm-button[disabled]{color:#eee;background:#fff;border-color:#eee;cursor:default}.jitm-button:disabled:active,.jitm-button[disabled]:active{border-width:1px 1px 2px}.jitm-button:focus{outline:0;border-color:#00aadc;box-shadow:0 0 0 2px #78dcfa}.jitm-button.is-compact{padding:.4375rem;color:#888;font-size:.75rem;line-height:1}.jitm-button.is-compact:disabled{color:#eee}.jitm-button.hidden{display:none}.jitm-button.is-primary{background:#00aadc;border-color:#0087be;color:#fff}.jitm-button.is-primary:focus,.jitm-button.is-primary:hover{border-color:#005082;color:#fff}.jitm-button.is-primary:disabled,.jitm-button.is-primary[disabled]{background:#bceefd;border-color:#8cc9e2;color:#fff}.jitm-button.is-primary.is-compact{color:#fff}.jitm-card{display:block;clear:both;position:relative;margin:3rem auto 0 1.25rem;padding:1rem;box-sizing:border-box;background:#fff;box-shadow:0 0 0 1px rgba(213,213,213,.5),0 1px 2px #eee}.jitm-card:after{content:".";display:block;height:0;clear:both;visibility:hidden}@media (min-width:481px){.jitm-card{margin-bottom:1rem;padding:1.5rem}}.jitm-card.is-compact{margin-bottom:.0625rem}@media (min-width:481px){.jitm-card.is-compact{margin-bottom:1px;padding:1rem 1.5rem}}.jitm-card.is-card-link{padding-left:3rem}#screen-meta-links+.jitm-card{margin:2.5rem auto 0 1.5385em}#dolly+.jitm-card{margin:3rem auto 0 1rem}.post-php .jitm-card{margin-left:0}.jp-lower .jitm-card{margin:0 0 1.5rem}.jitm-banner.jitm-card{border-right:4px solid;display:flex;padding:.75rem .75rem .75rem .375rem;position:relative;z-index:2;border-right-color:#4ab866}@media (max-width:480px){.jitm-banner.jitm-card{display:block}}.jitm-banner.jitm-card.is-card-link{padding:.75rem 1rem .75rem 3rem}.jitm-banner.jitm-card.is-dismissible{padding-left:3rem}.jitm-banner.jitm-card .jitm-banner__icon{color:#4ab866}.jitm-banner.jitm-card .jitm-banner__icon-circle{background-color:#4ab866}.jitm-banner.jitm-card.is-upgrade-personal{border-right-color:#f0b849}.jitm-banner.jitm-card.is-upgrade-personal .jitm-banner__icon{color:#f0b849}.jitm-banner.jitm-card.is-upgrade-personal .jitm-banner__icon-circle{background-color:#f0b849}.jitm-banner.jitm-card.is-upgrade-premium{border-right-color:#4ab866}.jitm-banner.jitm-card.is-upgrade-premium .jitm-banner__icon{color:#4ab866}.jitm-banner.jitm-card.is-upgrade-premium .jitm-banner__icon-circle{background-color:#4ab866}.jitm-banner.jitm-card.is-upgrade-business,.jitm-banner.jitm-card.woo-jitm{border-right-color:#855da6}.jitm-banner.jitm-card.is-upgrade-business .jitm-banner__icon,.jitm-banner.jitm-card.woo-jitm .jitm-banner__icon{color:#855da6}.jitm-banner.jitm-card.is-upgrade-business .jitm-banner__icon-circle,.jitm-banner.jitm-card.woo-jitm .jitm-banner__icon-circle{background-color:#855da6}.jitm-banner.jitm-card .jitm-card__link-indicator{align-items:center;color:#0087be;display:flex}.jitm-banner.jitm-card:hover{transition:all .1s ease-in-out}.jitm-banner.jitm-card:hover.is-card-link{box-shadow:0 0 0 1px #a2a2a2,0 2px 4px #d5d5d5}.jitm-banner.jitm-card:hover .jitm-card__link-indicator{color:#005082}@media (min-width:481px){.jitm-banner.jitm-card{padding:.75rem 1rem}.jitm-banner.jitm-card.is-dismissible{padding-left:1rem}}.jitm-banner__icons{display:flex}.jitm-banner__icons .jitm-banner__icon,.jitm-banner__icons .jitm-banner__icon-circle{border-radius:50%;flex-shrink:0;height:1.5rem;width:1.5rem;margin-left:1rem;margin-top:-.125rem;text-align:center;top:.25rem}.jitm-banner__icons .jitm-banner__icon{align-self:center;color:#fff;display:block}.jitm-banner__icons .jitm-banner__icon-circle{color:#fff;display:none;padding:.1875rem .1875rem .25rem .25rem}@media (min-width:481px){.jitm-banner__icons{align-items:center}.jitm-banner__icons .jitm-banner__icon{display:none}.jitm-banner__icons .jitm-banner__icon-circle{display:block}}.jitm-banner__icon-plan{display:flex;margin-left:1rem}.jitm-banner__icon-plan .dops-plan-icon{height:2rem;width:2rem}.jitm-banner__icon-plan .jp-emblem{position:relative;top:.125rem}@media (max-width:480px){.jitm-banner__icon-plan .jp-emblem{margin-bottom:.75rem}}.jitm-banner__icon-plan .jp-emblem svg{height:2rem;width:2rem;fill:#00be28}@media (min-width:481px){.jitm-banner__icon-plan{align-items:center}}.jitm-banner__content{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap}@media (min-width:481px){.jitm-banner__content{flex-wrap:nowrap}}.jitm-banner__info{flex-grow:1;line-height:1.4}@media (min-width:481px){.jitm-banner__info{flex-basis:50%}}@media (min-width:961px){.jitm-banner__info{flex-basis:70%}}.jitm-banner__info .jitm-banner__description,.jitm-banner__info .jitm-banner__title{color:#414141}.jitm-banner__info .jitm-banner__title{font-size:14px;font-weight:500}.jitm-banner__info .jitm-banner__description{font-size:.75rem;line-height:1.5;margin-top:.375rem}.jitm-banner__info .banner__list{font-size:12px;list-style:none;margin:10px 0}.jitm-banner__info .banner__list li{margin:6px 0}.jitm-banner__info .banner__list li .gridicon{fill:#a2a2a2;display:inline;margin-left:12px;vertical-align:bottom}.jitm-banner__action{align-self:center;font-size:.75rem;margin:.5rem 0 0;text-align:right;width:100%}.jitm-banner__action .jitm-banner__prices{display:flex;justify-content:flex-start}.jitm-banner__action .jitm-banner__prices .dops-plan-price{margin-bottom:0}.jitm-banner__action .jitm-banner__prices .dops-plan-price.is-discounted,.jitm-banner__action .jitm-banner__prices .dops-plan-price.is-discounted .dops-plan-price__currency-symbol{color:#414141}.has-call-to-action .jitm-banner__action .jitm-banner__prices .dops-plan-price{margin-bottom:.5rem}@media (min-width:481px){.jitm-banner__action{margin:0 .5rem 0 .25rem;text-align:center;width:auto}.jitm-banner__action .is-dismissible{margin-top:2.5rem}.jitm-banner__action .jitm-banner__prices{justify-content:flex-end;text-align:left}}.jitm-banner__dismiss{display:block;text-decoration:none;line-height:.5}.jitm-banner__dismiss:before{color:#6f6f6f;font:400 16px/1 dashicons;content:'\f158'}@media (min-width:661px){.jitm-banner__dismiss{margin-left:-.5rem}}@media (max-width:480px){.jitm-banner__dismiss{position:absolute;top:.875rem;left:.875rem}}.jitm-banner__action+.jitm-banner__dismiss{margin-right:.625rem}#dolly+.jitm-card{margin:3rem auto 0 1rem} \ No newline at end of file diff --git a/packages/jitm/assets/jetpack-admin-jitm.css b/packages/jitm/assets/jetpack-admin-jitm.css index 3356f08d8269b..ad0c8743ba04c 100644 --- a/packages/jitm/assets/jetpack-admin-jitm.css +++ b/packages/jitm/assets/jetpack-admin-jitm.css @@ -23,11 +23,11 @@ OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR https://github.com/thoughtbot/bourbon */ .jitm-button { - background: white; - border-color: #d5d5d5; + background: #f3f5f6; + border-color: #0071a1; border-style: solid; - border-width: 1px 1px 2px; - color: #414141; + border-width: 1px; + color: #0071a1; cursor: pointer; display: inline-block; margin: 0; @@ -73,7 +73,7 @@ https://github.com/thoughtbot/bourbon .jitm-button:focus { outline: 0; - border-color: #00aadc; + border-color: #007cba; box-shadow: 0 0 0 2px #78dcfa; } @@ -93,13 +93,14 @@ https://github.com/thoughtbot/bourbon } .jitm-button.is-primary { - background: #00aadc; - border-color: #0087be; + background: #007cba; + border-color: #007cba; color: white; } .jitm-button.is-primary:hover, .jitm-button.is-primary:focus { - border-color: #005082; + border-color: #0071a1; + background: #0071a1; color: white; } @@ -475,4 +476,4 @@ https://github.com/thoughtbot/bourbon margin: 3rem 1rem 0 auto; } -/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlcyI6WyJwYWNrYWdlcy9qaXRtL2Fzc2V0cy9qZXRwYWNrLWFkbWluLWppdG0uY3NzIl0sInNvdXJjZXNDb250ZW50IjpbIi8qIVxuKiBEbyBub3QgbW9kaWZ5IHRoaXMgZmlsZSBkaXJlY3RseS4gIEl0IGlzIGNvbXBpbGVkIFNBU1MgY29kZS5cbiovXG5AY2hhcnNldCBcIlVURi04XCI7XG4vKlxuVGhlIE1JVCBMaWNlbnNlIChNSVQpXG5cbkNvcHlyaWdodCDCqSAyMDEx4oCTMjAxNSB0aG91Z2h0Ym90LCBpbmMuXG5cblBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHkgb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZFxuZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIOKAnFNvZnR3YXJl4oCdKSwgdG8gZGVhbCBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGVcbnJpZ2h0cyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXRcbnBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXMgZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcblxuVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW4gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbFxucG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuXG5USEUgU09GVFdBUkUgSVMgUFJPVklERUQg4oCcQVMgSVPigJ0sIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1IgSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEVcbldBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLCBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEUgQVVUSE9SUyBPUlxuQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVIgTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUlxuT1RIRVJXSVNFLCBBUklTSU5HIEZST00sIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU4gVEhFIFNPRlRXQVJFLlxuXG5odHRwczovL2dpdGh1Yi5jb20vdGhvdWdodGJvdC9ib3VyYm9uXG4qL1xuLmppdG0tYnV0dG9uIHtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG4gIGJvcmRlci1jb2xvcjogI2Q1ZDVkNTtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiAxcHggMXB4IDJweDtcbiAgY29sb3I6ICM0MTQxNDE7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBtYXJnaW46IDA7XG4gIG91dGxpbmU6IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIHZlcnRpY2FsLWFsaWduOiB0b3A7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGZvbnQtc2l6ZTogMC44NzVyZW07XG4gIGxpbmUtaGVpZ2h0OiAxLjMxMjVyZW07XG4gIGJvcmRlci1yYWRpdXM6IDAuMjVyZW07XG4gIHBhZGRpbmc6IDAuNDM3NXJlbSAwLjg3NXJlbSAwLjU2MjVyZW07XG4gIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcbiAgICAgLW1vei1hcHBlYXJhbmNlOiBub25lO1xuICAgICAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG59XG5cbi5qaXRtLWJ1dHRvbjpob3ZlciB7XG4gIGJvcmRlci1jb2xvcjogI2JiYmJiYjtcbiAgY29sb3I6ICM0MTQxNDE7XG59XG5cbi5qaXRtLWJ1dHRvbjphY3RpdmUge1xuICBib3JkZXItd2lkdGg6IDJweCAxcHggMXB4O1xufVxuXG4uaml0bS1idXR0b246dmlzaXRlZCB7XG4gIGNvbG9yOiAjNDE0MTQxO1xufVxuXG4uaml0bS1idXR0b25bZGlzYWJsZWRdLCAuaml0bS1idXR0b246ZGlzYWJsZWQge1xuICBjb2xvcjogI2VlZWVlZTtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG4gIGJvcmRlci1jb2xvcjogI2VlZWVlZTtcbiAgY3Vyc29yOiBkZWZhdWx0O1xufVxuXG4uaml0bS1idXR0b25bZGlzYWJsZWRdOmFjdGl2ZSwgLmppdG0tYnV0dG9uOmRpc2FibGVkOmFjdGl2ZSB7XG4gIGJvcmRlci13aWR0aDogMXB4IDFweCAycHg7XG59XG5cbi5qaXRtLWJ1dHRvbjpmb2N1cyB7XG4gIG91dGxpbmU6IDA7XG4gIGJvcmRlci1jb2xvcjogIzAwYWFkYztcbiAgYm94LXNoYWRvdzogMCAwIDAgMnB4ICM3OGRjZmE7XG59XG5cbi5qaXRtLWJ1dHRvbi5pcy1jb21wYWN0IHtcbiAgcGFkZGluZzogMC40Mzc1cmVtO1xuICBjb2xvcjogIzg4ODg4ODtcbiAgZm9udC1zaXplOiAwLjc1cmVtO1xuICBsaW5lLWhlaWdodDogMTtcbn1cblxuLmppdG0tYnV0dG9uLmlzLWNvbXBhY3Q6ZGlzYWJsZWQge1xuICBjb2xvcjogI2VlZWVlZTtcbn1cblxuLmppdG0tYnV0dG9uLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5qaXRtLWJ1dHRvbi5pcy1wcmltYXJ5IHtcbiAgYmFja2dyb3VuZDogIzAwYWFkYztcbiAgYm9yZGVyLWNvbG9yOiAjMDA4N2JlO1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5qaXRtLWJ1dHRvbi5pcy1wcmltYXJ5OmhvdmVyLCAuaml0bS1idXR0b24uaXMtcHJpbWFyeTpmb2N1cyB7XG4gIGJvcmRlci1jb2xvcjogIzAwNTA4MjtcbiAgY29sb3I6IHdoaXRlO1xufVxuXG4uaml0bS1idXR0b24uaXMtcHJpbWFyeVtkaXNhYmxlZF0sIC5qaXRtLWJ1dHRvbi5pcy1wcmltYXJ5OmRpc2FibGVkIHtcbiAgYmFja2dyb3VuZDogI2JjZWVmZDtcbiAgYm9yZGVyLWNvbG9yOiAjOGNjOWUyO1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5qaXRtLWJ1dHRvbi5pcy1wcmltYXJ5LmlzLWNvbXBhY3Qge1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5qaXRtLWNhcmQge1xuICBkaXNwbGF5OiBibG9jaztcbiAgY2xlYXI6IGJvdGg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWFyZ2luOiAzcmVtIDEuMjVyZW0gMCBhdXRvO1xuICBwYWRkaW5nOiAxcmVtO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgYm94LXNoYWRvdzogMCAwIDAgMXB4IHJnYmEoMjEzLCAyMTMsIDIxMywgMC41KSwgMCAxcHggMnB4ICNlZWVlZWU7XG59XG5cbi5qaXRtLWNhcmQ6YWZ0ZXIge1xuICBjb250ZW50OiBcIi5cIjtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGhlaWdodDogMDtcbiAgY2xlYXI6IGJvdGg7XG4gIHZpc2liaWxpdHk6IGhpZGRlbjtcbn1cblxuQG1lZGlhIChtaW4td2lkdGg6IDQ4MXB4KSB7XG4gIC5qaXRtLWNhcmQge1xuICAgIG1hcmdpbi1ib3R0b206IDFyZW07XG4gICAgcGFkZGluZzogMS41cmVtO1xuICB9XG59XG5cbi5qaXRtLWNhcmQuaXMtY29tcGFjdCB7XG4gIG1hcmdpbi1ib3R0b206IDAuMDYyNXJlbTtcbn1cblxuQG1lZGlhIChtaW4td2lkdGg6IDQ4MXB4KSB7XG4gIC5qaXRtLWNhcmQuaXMtY29tcGFjdCB7XG4gICAgbWFyZ2luLWJvdHRvbTogMXB4O1xuICAgIHBhZGRpbmc6IDFyZW0gMS41cmVtO1xuICB9XG59XG5cbi5qaXRtLWNhcmQuaXMtY2FyZC1saW5rIHtcbiAgcGFkZGluZy1yaWdodDogM3JlbTtcbn1cblxuI3NjcmVlbi1tZXRhLWxpbmtzICsgLmppdG0tY2FyZCB7XG4gIG1hcmdpbjogMi41cmVtIDEuNTM4NWVtIDAgYXV0bztcbn1cblxuI2RvbGx5ICsgLmppdG0tY2FyZCB7XG4gIG1hcmdpbjogM3JlbSAxcmVtIDAgYXV0bztcbn1cblxuLnBvc3QtcGhwIC5qaXRtLWNhcmQge1xuICBtYXJnaW4tcmlnaHQ6IDA7XG59XG5cbi5qcC1sb3dlciAuaml0bS1jYXJkIHtcbiAgbWFyZ2luOiAwIDAgMS41cmVtO1xufVxuXG4uaml0bS1iYW5uZXIuaml0bS1jYXJkIHtcbiAgYm9yZGVyLWxlZnQ6IDRweCBzb2xpZDtcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogMC43NXJlbSAwLjM3NXJlbSAwLjc1cmVtIDAuNzVyZW07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgei1pbmRleDogMjtcbiAgYm9yZGVyLWxlZnQtY29sb3I6ICM0YWI4NjY7XG59XG5cbkBtZWRpYSAobWF4LXdpZHRoOiA0ODBweCkge1xuICAuaml0bS1iYW5uZXIuaml0bS1jYXJkIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxufVxuXG4uaml0bS1iYW5uZXIuaml0bS1jYXJkLmlzLWNhcmQtbGluayB7XG4gIHBhZGRpbmc6IDAuNzVyZW0gM3JlbSAwLjc1cmVtIDFyZW07XG59XG5cbi5qaXRtLWJhbm5lci5qaXRtLWNhcmQuaXMtZGlzbWlzc2libGUge1xuICBwYWRkaW5nLXJpZ2h0OiAzcmVtO1xufVxuXG4uaml0bS1iYW5uZXIuaml0bS1jYXJkIC5qaXRtLWJhbm5lcl9faWNvbiB7XG4gIGNvbG9yOiAjNGFiODY2O1xufVxuXG4uaml0bS1iYW5uZXIuaml0bS1jYXJkIC5qaXRtLWJhbm5lcl9faWNvbi1jaXJjbGUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjNGFiODY2O1xufVxuXG4uaml0bS1iYW5uZXIuaml0bS1jYXJkLmlzLXVwZ3JhZGUtcGVyc29uYWwge1xuICBib3JkZXItbGVmdC1jb2xvcjogI2YwYjg0OTtcbn1cblxuLmppdG0tYmFubmVyLmppdG0tY2FyZC5pcy11cGdyYWRlLXBlcnNvbmFsIC5qaXRtLWJhbm5lcl9faWNvbiB7XG4gIGNvbG9yOiAjZjBiODQ5O1xufVxuXG4uaml0bS1iYW5uZXIuaml0bS1jYXJkLmlzLXVwZ3JhZGUtcGVyc29uYWwgLmppdG0tYmFubmVyX19pY29uLWNpcmNsZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmMGI4NDk7XG59XG5cbi5qaXRtLWJhbm5lci5qaXRtLWNhcmQuaXMtdXBncmFkZS1wcmVtaXVtIHtcbiAgYm9yZGVyLWxlZnQtY29sb3I6ICM0YWI4NjY7XG59XG5cbi5qaXRtLWJhbm5lci5qaXRtLWNhcmQuaXMtdXBncmFkZS1wcmVtaXVtIC5qaXRtLWJhbm5lcl9faWNvbiB7XG4gIGNvbG9yOiAjNGFiODY2O1xufVxuXG4uaml0bS1iYW5uZXIuaml0bS1jYXJkLmlzLXVwZ3JhZGUtcHJlbWl1bSAuaml0bS1iYW5uZXJfX2ljb24tY2lyY2xlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzRhYjg2Njtcbn1cblxuLmppdG0tYmFubmVyLmppdG0tY2FyZC5pcy11cGdyYWRlLWJ1c2luZXNzLCAuaml0bS1iYW5uZXIuaml0bS1jYXJkLndvby1qaXRtIHtcbiAgYm9yZGVyLWxlZnQtY29sb3I6ICM4NTVEQTY7XG59XG5cbi5qaXRtLWJhbm5lci5qaXRtLWNhcmQuaXMtdXBncmFkZS1idXNpbmVzcyAuaml0bS1iYW5uZXJfX2ljb24sIC5qaXRtLWJhbm5lci5qaXRtLWNhcmQud29vLWppdG0gLmppdG0tYmFubmVyX19pY29uIHtcbiAgY29sb3I6ICM4NTVEQTY7XG59XG5cbi5qaXRtLWJhbm5lci5qaXRtLWNhcmQuaXMtdXBncmFkZS1idXNpbmVzcyAuaml0bS1iYW5uZXJfX2ljb24tY2lyY2xlLCAuaml0bS1iYW5uZXIuaml0bS1jYXJkLndvby1qaXRtIC5qaXRtLWJhbm5lcl9faWNvbi1jaXJjbGUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjODU1REE2O1xufVxuXG4uaml0bS1iYW5uZXIuaml0bS1jYXJkIC5qaXRtLWNhcmRfX2xpbmstaW5kaWNhdG9yIHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICMwMDg3YmU7XG4gIGRpc3BsYXk6IGZsZXg7XG59XG5cbi5qaXRtLWJhbm5lci5qaXRtLWNhcmQ6aG92ZXIge1xuICB0cmFuc2l0aW9uOiBhbGwgMTAwbXMgZWFzZS1pbi1vdXQ7XG59XG5cbi5qaXRtLWJhbm5lci5qaXRtLWNhcmQ6aG92ZXIuaXMtY2FyZC1saW5rIHtcbiAgYm94LXNoYWRvdzogMCAwIDAgMXB4ICNhMmEyYTIsIDAgMnB4IDRweCAjZDVkNWQ1O1xufVxuXG4uaml0bS1iYW5uZXIuaml0bS1jYXJkOmhvdmVyIC5qaXRtLWNhcmRfX2xpbmstaW5kaWNhdG9yIHtcbiAgY29sb3I6ICMwMDUwODI7XG59XG5cbkBtZWRpYSAobWluLXdpZHRoOiA0ODFweCkge1xuICAuaml0bS1iYW5uZXIuaml0bS1jYXJkIHtcbiAgICBwYWRkaW5nOiAwLjc1cmVtIDFyZW07XG4gIH1cbiAgLmppdG0tYmFubmVyLmppdG0tY2FyZC5pcy1kaXNtaXNzaWJsZSB7XG4gICAgcGFkZGluZy1yaWdodDogMXJlbTtcbiAgfVxufVxuXG4uaml0bS1iYW5uZXJfX2ljb25zIHtcbiAgZGlzcGxheTogZmxleDtcbn1cblxuLmppdG0tYmFubmVyX19pY29ucyAuaml0bS1iYW5uZXJfX2ljb24sXG4uaml0bS1iYW5uZXJfX2ljb25zIC5qaXRtLWJhbm5lcl9faWNvbi1jaXJjbGUge1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBoZWlnaHQ6IDEuNXJlbTtcbiAgd2lkdGg6IDEuNXJlbTtcbiAgbWFyZ2luLXJpZ2h0OiAxcmVtO1xuICBtYXJnaW4tdG9wOiAtMC4xMjVyZW07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgdG9wOiAwLjI1cmVtO1xufVxuXG4uaml0bS1iYW5uZXJfX2ljb25zIC5qaXRtLWJhbm5lcl9faWNvbiB7XG4gIGFsaWduLXNlbGY6IGNlbnRlcjtcbiAgY29sb3I6IHdoaXRlO1xuICBkaXNwbGF5OiBibG9jaztcbn1cblxuLmppdG0tYmFubmVyX19pY29ucyAuaml0bS1iYW5uZXJfX2ljb24tY2lyY2xlIHtcbiAgY29sb3I6IHdoaXRlO1xuICBkaXNwbGF5OiBub25lO1xuICBwYWRkaW5nOiAwLjE4NzVyZW0gMC4yNXJlbSAwLjI1cmVtIDAuMTg3NXJlbTtcbn1cblxuQG1lZGlhIChtaW4td2lkdGg6IDQ4MXB4KSB7XG4gIC5qaXRtLWJhbm5lcl9faWNvbnMge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIH1cbiAgLmppdG0tYmFubmVyX19pY29ucyAuaml0bS1iYW5uZXJfX2ljb24ge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbiAgLmppdG0tYmFubmVyX19pY29ucyAuaml0bS1iYW5uZXJfX2ljb24tY2lyY2xlIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxufVxuXG4uaml0bS1iYW5uZXJfX2ljb24tcGxhbiB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1hcmdpbi1yaWdodDogMXJlbTtcbn1cblxuLmppdG0tYmFubmVyX19pY29uLXBsYW4gLmRvcHMtcGxhbi1pY29uIHtcbiAgaGVpZ2h0OiAycmVtO1xuICB3aWR0aDogMnJlbTtcbn1cblxuLmppdG0tYmFubmVyX19pY29uLXBsYW4gLmpwLWVtYmxlbSB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgdG9wOiAwLjEyNXJlbTtcbn1cblxuQG1lZGlhIChtYXgtd2lkdGg6IDQ4MHB4KSB7XG4gIC5qaXRtLWJhbm5lcl9faWNvbi1wbGFuIC5qcC1lbWJsZW0ge1xuICAgIG1hcmdpbi1ib3R0b206IDAuNzVyZW07XG4gIH1cbn1cblxuLmppdG0tYmFubmVyX19pY29uLXBsYW4gLmpwLWVtYmxlbSBzdmcge1xuICBoZWlnaHQ6IDJyZW07XG4gIHdpZHRoOiAycmVtO1xuICBmaWxsOiAjMDBCRTI4O1xufVxuXG5AbWVkaWEgKG1pbi13aWR0aDogNDgxcHgpIHtcbiAgLmppdG0tYmFubmVyX19pY29uLXBsYW4ge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIH1cbn1cblxuLmppdG0tYmFubmVyX19jb250ZW50IHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1ncm93OiAxO1xuICBmbGV4LXdyYXA6IHdyYXA7XG59XG5cbkBtZWRpYSAobWluLXdpZHRoOiA0ODFweCkge1xuICAuaml0bS1iYW5uZXJfX2NvbnRlbnQge1xuICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICB9XG59XG5cbi5qaXRtLWJhbm5lcl9faW5mbyB7XG4gIGZsZXgtZ3JvdzogMTtcbiAgbGluZS1oZWlnaHQ6IDEuNDtcbn1cblxuQG1lZGlhIChtaW4td2lkdGg6IDQ4MXB4KSB7XG4gIC5qaXRtLWJhbm5lcl9faW5mbyB7XG4gICAgZmxleC1iYXNpczogNTAlO1xuICB9XG59XG5cbkBtZWRpYSAobWluLXdpZHRoOiA5NjFweCkge1xuICAuaml0bS1iYW5uZXJfX2luZm8ge1xuICAgIGZsZXgtYmFzaXM6IDcwJTtcbiAgfVxufVxuXG4uaml0bS1iYW5uZXJfX2luZm8gLmppdG0tYmFubmVyX190aXRsZSxcbi5qaXRtLWJhbm5lcl9faW5mbyAuaml0bS1iYW5uZXJfX2Rlc2NyaXB0aW9uIHtcbiAgY29sb3I6ICM0MTQxNDE7XG59XG5cbi5qaXRtLWJhbm5lcl9faW5mbyAuaml0bS1iYW5uZXJfX3RpdGxlIHtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBmb250LXdlaWdodDogNTAwO1xufVxuXG4uaml0bS1iYW5uZXJfX2luZm8gLmppdG0tYmFubmVyX19kZXNjcmlwdGlvbiB7XG4gIGZvbnQtc2l6ZTogMC43NXJlbTtcbiAgbGluZS1oZWlnaHQ6IDEuNTtcbiAgbWFyZ2luLXRvcDogMC4zNzVyZW07XG59XG5cbi5qaXRtLWJhbm5lcl9faW5mbyAuYmFubmVyX19saXN0IHtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBsaXN0LXN0eWxlOiBub25lO1xuICBtYXJnaW46IDEwcHggMDtcbn1cblxuLmppdG0tYmFubmVyX19pbmZvIC5iYW5uZXJfX2xpc3QgbGkge1xuICBtYXJnaW46IDZweCAwO1xufVxuXG4uaml0bS1iYW5uZXJfX2luZm8gLmJhbm5lcl9fbGlzdCBsaSAuZ3JpZGljb24ge1xuICBmaWxsOiAjYTJhMmEyO1xuICBkaXNwbGF5OiBpbmxpbmU7XG4gIG1hcmdpbi1yaWdodDogMTJweDtcbiAgdmVydGljYWwtYWxpZ246IGJvdHRvbTtcbn1cblxuLmppdG0tYmFubmVyX19hY3Rpb24ge1xuICBhbGlnbi1zZWxmOiBjZW50ZXI7XG4gIGZvbnQtc2l6ZTogMC43NXJlbTtcbiAgbWFyZ2luOiAwLjVyZW0gMCAwO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICB3aWR0aDogMTAwJTtcbn1cblxuLmppdG0tYmFubmVyX19hY3Rpb24gLmppdG0tYmFubmVyX19wcmljZXMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG59XG5cbi5qaXRtLWJhbm5lcl9fYWN0aW9uIC5qaXRtLWJhbm5lcl9fcHJpY2VzIC5kb3BzLXBsYW4tcHJpY2Uge1xuICBtYXJnaW4tYm90dG9tOiAwO1xufVxuXG4uaml0bS1iYW5uZXJfX2FjdGlvbiAuaml0bS1iYW5uZXJfX3ByaWNlcyAuZG9wcy1wbGFuLXByaWNlLmlzLWRpc2NvdW50ZWQsXG4uaml0bS1iYW5uZXJfX2FjdGlvbiAuaml0bS1iYW5uZXJfX3ByaWNlcyAuZG9wcy1wbGFuLXByaWNlLmlzLWRpc2NvdW50ZWQgLmRvcHMtcGxhbi1wcmljZV9fY3VycmVuY3ktc3ltYm9sIHtcbiAgY29sb3I6ICM0MTQxNDE7XG59XG5cbi5oYXMtY2FsbC10by1hY3Rpb24gLmppdG0tYmFubmVyX19hY3Rpb24gLmppdG0tYmFubmVyX19wcmljZXMgLmRvcHMtcGxhbi1wcmljZSB7XG4gIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcbn1cblxuQG1lZGlhIChtaW4td2lkdGg6IDQ4MXB4KSB7XG4gIC5qaXRtLWJhbm5lcl9fYWN0aW9uIHtcbiAgICBtYXJnaW46IDAgMC4yNXJlbSAwIDAuNXJlbTtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgd2lkdGg6IGF1dG87XG4gIH1cbiAgLmppdG0tYmFubmVyX19hY3Rpb24gLmlzLWRpc21pc3NpYmxlIHtcbiAgICBtYXJnaW4tdG9wOiAyLjVyZW07XG4gIH1cbiAgLmppdG0tYmFubmVyX19hY3Rpb24gLmppdG0tYmFubmVyX19wcmljZXMge1xuICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgdGV4dC1hbGlnbjogcmlnaHQ7XG4gIH1cbn1cblxuLmppdG0tYmFubmVyX19kaXNtaXNzIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgbGluZS1oZWlnaHQ6IC41O1xufVxuXG4uaml0bS1iYW5uZXJfX2Rpc21pc3M6YmVmb3JlIHtcbiAgY29sb3I6ICM2ZjZmNmY7XG4gIGZvbnQ6IDQwMCAxNnB4LzEgZGFzaGljb25zO1xuICBjb250ZW50OiAnXFxmMTU4Jztcbn1cblxuQG1lZGlhIChtaW4td2lkdGg6IDY2MXB4KSB7XG4gIC5qaXRtLWJhbm5lcl9fZGlzbWlzcyB7XG4gICAgbWFyZ2luLXJpZ2h0OiAtMC41cmVtO1xuICB9XG59XG5cbkBtZWRpYSAobWF4LXdpZHRoOiA0ODBweCkge1xuICAuaml0bS1iYW5uZXJfX2Rpc21pc3Mge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDAuODc1cmVtO1xuICAgIHJpZ2h0OiAwLjg3NXJlbTtcbiAgfVxufVxuXG4uaml0bS1iYW5uZXJfX2FjdGlvbiArIC5qaXRtLWJhbm5lcl9fZGlzbWlzcyB7XG4gIG1hcmdpbi1sZWZ0OiAwLjYyNXJlbTtcbn1cblxuI2RvbGx5ICsgLmppdG0tY2FyZCB7XG4gIG1hcmdpbjogM3JlbSAxcmVtIDAgYXV0bztcbn1cbiJdLCJmaWxlIjoicGFja2FnZXMvaml0bS9hc3NldHMvamV0cGFjay1hZG1pbi1qaXRtLmNzcyJ9 */ +/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlcyI6WyJwYWNrYWdlcy9qaXRtL2Fzc2V0cy9qZXRwYWNrLWFkbWluLWppdG0uY3NzIl0sInNvdXJjZXNDb250ZW50IjpbIi8qIVxuKiBEbyBub3QgbW9kaWZ5IHRoaXMgZmlsZSBkaXJlY3RseS4gIEl0IGlzIGNvbXBpbGVkIFNBU1MgY29kZS5cbiovXG5AY2hhcnNldCBcIlVURi04XCI7XG4vKlxuVGhlIE1JVCBMaWNlbnNlIChNSVQpXG5cbkNvcHlyaWdodCDCqSAyMDEx4oCTMjAxNSB0aG91Z2h0Ym90LCBpbmMuXG5cblBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHkgb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZFxuZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIOKAnFNvZnR3YXJl4oCdKSwgdG8gZGVhbCBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGVcbnJpZ2h0cyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXRcbnBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXMgZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcblxuVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW4gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbFxucG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuXG5USEUgU09GVFdBUkUgSVMgUFJPVklERUQg4oCcQVMgSVPigJ0sIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1IgSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEVcbldBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLCBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEUgQVVUSE9SUyBPUlxuQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVIgTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUlxuT1RIRVJXSVNFLCBBUklTSU5HIEZST00sIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU4gVEhFIFNPRlRXQVJFLlxuXG5odHRwczovL2dpdGh1Yi5jb20vdGhvdWdodGJvdC9ib3VyYm9uXG4qL1xuLmppdG0tYnV0dG9uIHtcbiAgYmFja2dyb3VuZDogI2YzZjVmNjtcbiAgYm9yZGVyLWNvbG9yOiAjMDA3MWExO1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBib3JkZXItd2lkdGg6IDFweDtcbiAgY29sb3I6ICMwMDcxYTE7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBtYXJnaW46IDA7XG4gIG91dGxpbmU6IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIHZlcnRpY2FsLWFsaWduOiB0b3A7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGZvbnQtc2l6ZTogMC44NzVyZW07XG4gIGxpbmUtaGVpZ2h0OiAxLjMxMjVyZW07XG4gIGJvcmRlci1yYWRpdXM6IDAuMjVyZW07XG4gIHBhZGRpbmc6IDAuNDM3NXJlbSAwLjg3NXJlbSAwLjU2MjVyZW07XG4gIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcbiAgICAgLW1vei1hcHBlYXJhbmNlOiBub25lO1xuICAgICAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG59XG5cbi5qaXRtLWJ1dHRvbjpob3ZlciB7XG4gIGJvcmRlci1jb2xvcjogI2JiYmJiYjtcbiAgY29sb3I6ICM0MTQxNDE7XG59XG5cbi5qaXRtLWJ1dHRvbjphY3RpdmUge1xuICBib3JkZXItd2lkdGg6IDJweCAxcHggMXB4O1xufVxuXG4uaml0bS1idXR0b246dmlzaXRlZCB7XG4gIGNvbG9yOiAjNDE0MTQxO1xufVxuXG4uaml0bS1idXR0b25bZGlzYWJsZWRdLCAuaml0bS1idXR0b246ZGlzYWJsZWQge1xuICBjb2xvcjogI2VlZWVlZTtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG4gIGJvcmRlci1jb2xvcjogI2VlZWVlZTtcbiAgY3Vyc29yOiBkZWZhdWx0O1xufVxuXG4uaml0bS1idXR0b25bZGlzYWJsZWRdOmFjdGl2ZSwgLmppdG0tYnV0dG9uOmRpc2FibGVkOmFjdGl2ZSB7XG4gIGJvcmRlci13aWR0aDogMXB4IDFweCAycHg7XG59XG5cbi5qaXRtLWJ1dHRvbjpmb2N1cyB7XG4gIG91dGxpbmU6IDA7XG4gIGJvcmRlci1jb2xvcjogIzAwN2NiYTtcbiAgYm94LXNoYWRvdzogMCAwIDAgMnB4ICM3OGRjZmE7XG59XG5cbi5qaXRtLWJ1dHRvbi5pcy1jb21wYWN0IHtcbiAgcGFkZGluZzogMC40Mzc1cmVtO1xuICBjb2xvcjogIzg4ODg4ODtcbiAgZm9udC1zaXplOiAwLjc1cmVtO1xuICBsaW5lLWhlaWdodDogMTtcbn1cblxuLmppdG0tYnV0dG9uLmlzLWNvbXBhY3Q6ZGlzYWJsZWQge1xuICBjb2xvcjogI2VlZWVlZTtcbn1cblxuLmppdG0tYnV0dG9uLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5qaXRtLWJ1dHRvbi5pcy1wcmltYXJ5IHtcbiAgYmFja2dyb3VuZDogIzAwN2NiYTtcbiAgYm9yZGVyLWNvbG9yOiAjMDA3Y2JhO1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5qaXRtLWJ1dHRvbi5pcy1wcmltYXJ5OmhvdmVyLCAuaml0bS1idXR0b24uaXMtcHJpbWFyeTpmb2N1cyB7XG4gIGJvcmRlci1jb2xvcjogIzAwNzFhMTtcbiAgYmFja2dyb3VuZDogIzAwNzFhMTtcbiAgY29sb3I6IHdoaXRlO1xufVxuXG4uaml0bS1idXR0b24uaXMtcHJpbWFyeVtkaXNhYmxlZF0sIC5qaXRtLWJ1dHRvbi5pcy1wcmltYXJ5OmRpc2FibGVkIHtcbiAgYmFja2dyb3VuZDogI2JjZWVmZDtcbiAgYm9yZGVyLWNvbG9yOiAjOGNjOWUyO1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5qaXRtLWJ1dHRvbi5pcy1wcmltYXJ5LmlzLWNvbXBhY3Qge1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5qaXRtLWNhcmQge1xuICBkaXNwbGF5OiBibG9jaztcbiAgY2xlYXI6IGJvdGg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWFyZ2luOiAzcmVtIDEuMjVyZW0gMCBhdXRvO1xuICBwYWRkaW5nOiAxcmVtO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgYm94LXNoYWRvdzogMCAwIDAgMXB4IHJnYmEoMjEzLCAyMTMsIDIxMywgMC41KSwgMCAxcHggMnB4ICNlZWVlZWU7XG59XG5cbi5qaXRtLWNhcmQ6YWZ0ZXIge1xuICBjb250ZW50OiBcIi5cIjtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGhlaWdodDogMDtcbiAgY2xlYXI6IGJvdGg7XG4gIHZpc2liaWxpdHk6IGhpZGRlbjtcbn1cblxuQG1lZGlhIChtaW4td2lkdGg6IDQ4MXB4KSB7XG4gIC5qaXRtLWNhcmQge1xuICAgIG1hcmdpbi1ib3R0b206IDFyZW07XG4gICAgcGFkZGluZzogMS41cmVtO1xuICB9XG59XG5cbi5qaXRtLWNhcmQuaXMtY29tcGFjdCB7XG4gIG1hcmdpbi1ib3R0b206IDAuMDYyNXJlbTtcbn1cblxuQG1lZGlhIChtaW4td2lkdGg6IDQ4MXB4KSB7XG4gIC5qaXRtLWNhcmQuaXMtY29tcGFjdCB7XG4gICAgbWFyZ2luLWJvdHRvbTogMXB4O1xuICAgIHBhZGRpbmc6IDFyZW0gMS41cmVtO1xuICB9XG59XG5cbi5qaXRtLWNhcmQuaXMtY2FyZC1saW5rIHtcbiAgcGFkZGluZy1yaWdodDogM3JlbTtcbn1cblxuI3NjcmVlbi1tZXRhLWxpbmtzICsgLmppdG0tY2FyZCB7XG4gIG1hcmdpbjogMi41cmVtIDEuNTM4NWVtIDAgYXV0bztcbn1cblxuI2RvbGx5ICsgLmppdG0tY2FyZCB7XG4gIG1hcmdpbjogM3JlbSAxcmVtIDAgYXV0bztcbn1cblxuLnBvc3QtcGhwIC5qaXRtLWNhcmQge1xuICBtYXJnaW4tcmlnaHQ6IDA7XG59XG5cbi5qcC1sb3dlciAuaml0bS1jYXJkIHtcbiAgbWFyZ2luOiAwIDAgMS41cmVtO1xufVxuXG4uaml0bS1iYW5uZXIuaml0bS1jYXJkIHtcbiAgYm9yZGVyLWxlZnQ6IDRweCBzb2xpZDtcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogMC43NXJlbSAwLjM3NXJlbSAwLjc1cmVtIDAuNzVyZW07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgei1pbmRleDogMjtcbiAgYm9yZGVyLWxlZnQtY29sb3I6ICM0YWI4NjY7XG59XG5cbkBtZWRpYSAobWF4LXdpZHRoOiA0ODBweCkge1xuICAuaml0bS1iYW5uZXIuaml0bS1jYXJkIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxufVxuXG4uaml0bS1iYW5uZXIuaml0bS1jYXJkLmlzLWNhcmQtbGluayB7XG4gIHBhZGRpbmc6IDAuNzVyZW0gM3JlbSAwLjc1cmVtIDFyZW07XG59XG5cbi5qaXRtLWJhbm5lci5qaXRtLWNhcmQuaXMtZGlzbWlzc2libGUge1xuICBwYWRkaW5nLXJpZ2h0OiAzcmVtO1xufVxuXG4uaml0bS1iYW5uZXIuaml0bS1jYXJkIC5qaXRtLWJhbm5lcl9faWNvbiB7XG4gIGNvbG9yOiAjNGFiODY2O1xufVxuXG4uaml0bS1iYW5uZXIuaml0bS1jYXJkIC5qaXRtLWJhbm5lcl9faWNvbi1jaXJjbGUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjNGFiODY2O1xufVxuXG4uaml0bS1iYW5uZXIuaml0bS1jYXJkLmlzLXVwZ3JhZGUtcGVyc29uYWwge1xuICBib3JkZXItbGVmdC1jb2xvcjogI2YwYjg0OTtcbn1cblxuLmppdG0tYmFubmVyLmppdG0tY2FyZC5pcy11cGdyYWRlLXBlcnNvbmFsIC5qaXRtLWJhbm5lcl9faWNvbiB7XG4gIGNvbG9yOiAjZjBiODQ5O1xufVxuXG4uaml0bS1iYW5uZXIuaml0bS1jYXJkLmlzLXVwZ3JhZGUtcGVyc29uYWwgLmppdG0tYmFubmVyX19pY29uLWNpcmNsZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmMGI4NDk7XG59XG5cbi5qaXRtLWJhbm5lci5qaXRtLWNhcmQuaXMtdXBncmFkZS1wcmVtaXVtIHtcbiAgYm9yZGVyLWxlZnQtY29sb3I6ICM0YWI4NjY7XG59XG5cbi5qaXRtLWJhbm5lci5qaXRtLWNhcmQuaXMtdXBncmFkZS1wcmVtaXVtIC5qaXRtLWJhbm5lcl9faWNvbiB7XG4gIGNvbG9yOiAjNGFiODY2O1xufVxuXG4uaml0bS1iYW5uZXIuaml0bS1jYXJkLmlzLXVwZ3JhZGUtcHJlbWl1bSAuaml0bS1iYW5uZXJfX2ljb24tY2lyY2xlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzRhYjg2Njtcbn1cblxuLmppdG0tYmFubmVyLmppdG0tY2FyZC5pcy11cGdyYWRlLWJ1c2luZXNzLCAuaml0bS1iYW5uZXIuaml0bS1jYXJkLndvby1qaXRtIHtcbiAgYm9yZGVyLWxlZnQtY29sb3I6ICM4NTVEQTY7XG59XG5cbi5qaXRtLWJhbm5lci5qaXRtLWNhcmQuaXMtdXBncmFkZS1idXNpbmVzcyAuaml0bS1iYW5uZXJfX2ljb24sIC5qaXRtLWJhbm5lci5qaXRtLWNhcmQud29vLWppdG0gLmppdG0tYmFubmVyX19pY29uIHtcbiAgY29sb3I6ICM4NTVEQTY7XG59XG5cbi5qaXRtLWJhbm5lci5qaXRtLWNhcmQuaXMtdXBncmFkZS1idXNpbmVzcyAuaml0bS1iYW5uZXJfX2ljb24tY2lyY2xlLCAuaml0bS1iYW5uZXIuaml0bS1jYXJkLndvby1qaXRtIC5qaXRtLWJhbm5lcl9faWNvbi1jaXJjbGUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjODU1REE2O1xufVxuXG4uaml0bS1iYW5uZXIuaml0bS1jYXJkIC5qaXRtLWNhcmRfX2xpbmstaW5kaWNhdG9yIHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICMwMDg3YmU7XG4gIGRpc3BsYXk6IGZsZXg7XG59XG5cbi5qaXRtLWJhbm5lci5qaXRtLWNhcmQ6aG92ZXIge1xuICB0cmFuc2l0aW9uOiBhbGwgMTAwbXMgZWFzZS1pbi1vdXQ7XG59XG5cbi5qaXRtLWJhbm5lci5qaXRtLWNhcmQ6aG92ZXIuaXMtY2FyZC1saW5rIHtcbiAgYm94LXNoYWRvdzogMCAwIDAgMXB4ICNhMmEyYTIsIDAgMnB4IDRweCAjZDVkNWQ1O1xufVxuXG4uaml0bS1iYW5uZXIuaml0bS1jYXJkOmhvdmVyIC5qaXRtLWNhcmRfX2xpbmstaW5kaWNhdG9yIHtcbiAgY29sb3I6ICMwMDUwODI7XG59XG5cbkBtZWRpYSAobWluLXdpZHRoOiA0ODFweCkge1xuICAuaml0bS1iYW5uZXIuaml0bS1jYXJkIHtcbiAgICBwYWRkaW5nOiAwLjc1cmVtIDFyZW07XG4gIH1cbiAgLmppdG0tYmFubmVyLmppdG0tY2FyZC5pcy1kaXNtaXNzaWJsZSB7XG4gICAgcGFkZGluZy1yaWdodDogMXJlbTtcbiAgfVxufVxuXG4uaml0bS1iYW5uZXJfX2ljb25zIHtcbiAgZGlzcGxheTogZmxleDtcbn1cblxuLmppdG0tYmFubmVyX19pY29ucyAuaml0bS1iYW5uZXJfX2ljb24sXG4uaml0bS1iYW5uZXJfX2ljb25zIC5qaXRtLWJhbm5lcl9faWNvbi1jaXJjbGUge1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBoZWlnaHQ6IDEuNXJlbTtcbiAgd2lkdGg6IDEuNXJlbTtcbiAgbWFyZ2luLXJpZ2h0OiAxcmVtO1xuICBtYXJnaW4tdG9wOiAtMC4xMjVyZW07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgdG9wOiAwLjI1cmVtO1xufVxuXG4uaml0bS1iYW5uZXJfX2ljb25zIC5qaXRtLWJhbm5lcl9faWNvbiB7XG4gIGFsaWduLXNlbGY6IGNlbnRlcjtcbiAgY29sb3I6IHdoaXRlO1xuICBkaXNwbGF5OiBibG9jaztcbn1cblxuLmppdG0tYmFubmVyX19pY29ucyAuaml0bS1iYW5uZXJfX2ljb24tY2lyY2xlIHtcbiAgY29sb3I6IHdoaXRlO1xuICBkaXNwbGF5OiBub25lO1xuICBwYWRkaW5nOiAwLjE4NzVyZW0gMC4yNXJlbSAwLjI1cmVtIDAuMTg3NXJlbTtcbn1cblxuQG1lZGlhIChtaW4td2lkdGg6IDQ4MXB4KSB7XG4gIC5qaXRtLWJhbm5lcl9faWNvbnMge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIH1cbiAgLmppdG0tYmFubmVyX19pY29ucyAuaml0bS1iYW5uZXJfX2ljb24ge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbiAgLmppdG0tYmFubmVyX19pY29ucyAuaml0bS1iYW5uZXJfX2ljb24tY2lyY2xlIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxufVxuXG4uaml0bS1iYW5uZXJfX2ljb24tcGxhbiB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1hcmdpbi1yaWdodDogMXJlbTtcbn1cblxuLmppdG0tYmFubmVyX19pY29uLXBsYW4gLmRvcHMtcGxhbi1pY29uIHtcbiAgaGVpZ2h0OiAycmVtO1xuICB3aWR0aDogMnJlbTtcbn1cblxuLmppdG0tYmFubmVyX19pY29uLXBsYW4gLmpwLWVtYmxlbSB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgdG9wOiAwLjEyNXJlbTtcbn1cblxuQG1lZGlhIChtYXgtd2lkdGg6IDQ4MHB4KSB7XG4gIC5qaXRtLWJhbm5lcl9faWNvbi1wbGFuIC5qcC1lbWJsZW0ge1xuICAgIG1hcmdpbi1ib3R0b206IDAuNzVyZW07XG4gIH1cbn1cblxuLmppdG0tYmFubmVyX19pY29uLXBsYW4gLmpwLWVtYmxlbSBzdmcge1xuICBoZWlnaHQ6IDJyZW07XG4gIHdpZHRoOiAycmVtO1xuICBmaWxsOiAjMDBCRTI4O1xufVxuXG5AbWVkaWEgKG1pbi13aWR0aDogNDgxcHgpIHtcbiAgLmppdG0tYmFubmVyX19pY29uLXBsYW4ge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIH1cbn1cblxuLmppdG0tYmFubmVyX19jb250ZW50IHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1ncm93OiAxO1xuICBmbGV4LXdyYXA6IHdyYXA7XG59XG5cbkBtZWRpYSAobWluLXdpZHRoOiA0ODFweCkge1xuICAuaml0bS1iYW5uZXJfX2NvbnRlbnQge1xuICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICB9XG59XG5cbi5qaXRtLWJhbm5lcl9faW5mbyB7XG4gIGZsZXgtZ3JvdzogMTtcbiAgbGluZS1oZWlnaHQ6IDEuNDtcbn1cblxuQG1lZGlhIChtaW4td2lkdGg6IDQ4MXB4KSB7XG4gIC5qaXRtLWJhbm5lcl9faW5mbyB7XG4gICAgZmxleC1iYXNpczogNTAlO1xuICB9XG59XG5cbkBtZWRpYSAobWluLXdpZHRoOiA5NjFweCkge1xuICAuaml0bS1iYW5uZXJfX2luZm8ge1xuICAgIGZsZXgtYmFzaXM6IDcwJTtcbiAgfVxufVxuXG4uaml0bS1iYW5uZXJfX2luZm8gLmppdG0tYmFubmVyX190aXRsZSxcbi5qaXRtLWJhbm5lcl9faW5mbyAuaml0bS1iYW5uZXJfX2Rlc2NyaXB0aW9uIHtcbiAgY29sb3I6ICM0MTQxNDE7XG59XG5cbi5qaXRtLWJhbm5lcl9faW5mbyAuaml0bS1iYW5uZXJfX3RpdGxlIHtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBmb250LXdlaWdodDogNTAwO1xufVxuXG4uaml0bS1iYW5uZXJfX2luZm8gLmppdG0tYmFubmVyX19kZXNjcmlwdGlvbiB7XG4gIGZvbnQtc2l6ZTogMC43NXJlbTtcbiAgbGluZS1oZWlnaHQ6IDEuNTtcbiAgbWFyZ2luLXRvcDogMC4zNzVyZW07XG59XG5cbi5qaXRtLWJhbm5lcl9faW5mbyAuYmFubmVyX19saXN0IHtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBsaXN0LXN0eWxlOiBub25lO1xuICBtYXJnaW46IDEwcHggMDtcbn1cblxuLmppdG0tYmFubmVyX19pbmZvIC5iYW5uZXJfX2xpc3QgbGkge1xuICBtYXJnaW46IDZweCAwO1xufVxuXG4uaml0bS1iYW5uZXJfX2luZm8gLmJhbm5lcl9fbGlzdCBsaSAuZ3JpZGljb24ge1xuICBmaWxsOiAjYTJhMmEyO1xuICBkaXNwbGF5OiBpbmxpbmU7XG4gIG1hcmdpbi1yaWdodDogMTJweDtcbiAgdmVydGljYWwtYWxpZ246IGJvdHRvbTtcbn1cblxuLmppdG0tYmFubmVyX19hY3Rpb24ge1xuICBhbGlnbi1zZWxmOiBjZW50ZXI7XG4gIGZvbnQtc2l6ZTogMC43NXJlbTtcbiAgbWFyZ2luOiAwLjVyZW0gMCAwO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICB3aWR0aDogMTAwJTtcbn1cblxuLmppdG0tYmFubmVyX19hY3Rpb24gLmppdG0tYmFubmVyX19wcmljZXMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG59XG5cbi5qaXRtLWJhbm5lcl9fYWN0aW9uIC5qaXRtLWJhbm5lcl9fcHJpY2VzIC5kb3BzLXBsYW4tcHJpY2Uge1xuICBtYXJnaW4tYm90dG9tOiAwO1xufVxuXG4uaml0bS1iYW5uZXJfX2FjdGlvbiAuaml0bS1iYW5uZXJfX3ByaWNlcyAuZG9wcy1wbGFuLXByaWNlLmlzLWRpc2NvdW50ZWQsXG4uaml0bS1iYW5uZXJfX2FjdGlvbiAuaml0bS1iYW5uZXJfX3ByaWNlcyAuZG9wcy1wbGFuLXByaWNlLmlzLWRpc2NvdW50ZWQgLmRvcHMtcGxhbi1wcmljZV9fY3VycmVuY3ktc3ltYm9sIHtcbiAgY29sb3I6ICM0MTQxNDE7XG59XG5cbi5oYXMtY2FsbC10by1hY3Rpb24gLmppdG0tYmFubmVyX19hY3Rpb24gLmppdG0tYmFubmVyX19wcmljZXMgLmRvcHMtcGxhbi1wcmljZSB7XG4gIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcbn1cblxuQG1lZGlhIChtaW4td2lkdGg6IDQ4MXB4KSB7XG4gIC5qaXRtLWJhbm5lcl9fYWN0aW9uIHtcbiAgICBtYXJnaW46IDAgMC4yNXJlbSAwIDAuNXJlbTtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgd2lkdGg6IGF1dG87XG4gIH1cbiAgLmppdG0tYmFubmVyX19hY3Rpb24gLmlzLWRpc21pc3NpYmxlIHtcbiAgICBtYXJnaW4tdG9wOiAyLjVyZW07XG4gIH1cbiAgLmppdG0tYmFubmVyX19hY3Rpb24gLmppdG0tYmFubmVyX19wcmljZXMge1xuICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgdGV4dC1hbGlnbjogcmlnaHQ7XG4gIH1cbn1cblxuLmppdG0tYmFubmVyX19kaXNtaXNzIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgbGluZS1oZWlnaHQ6IC41O1xufVxuXG4uaml0bS1iYW5uZXJfX2Rpc21pc3M6YmVmb3JlIHtcbiAgY29sb3I6ICM2ZjZmNmY7XG4gIGZvbnQ6IDQwMCAxNnB4LzEgZGFzaGljb25zO1xuICBjb250ZW50OiAnXFxmMTU4Jztcbn1cblxuQG1lZGlhIChtaW4td2lkdGg6IDY2MXB4KSB7XG4gIC5qaXRtLWJhbm5lcl9fZGlzbWlzcyB7XG4gICAgbWFyZ2luLXJpZ2h0OiAtMC41cmVtO1xuICB9XG59XG5cbkBtZWRpYSAobWF4LXdpZHRoOiA0ODBweCkge1xuICAuaml0bS1iYW5uZXJfX2Rpc21pc3Mge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDAuODc1cmVtO1xuICAgIHJpZ2h0OiAwLjg3NXJlbTtcbiAgfVxufVxuXG4uaml0bS1iYW5uZXJfX2FjdGlvbiArIC5qaXRtLWJhbm5lcl9fZGlzbWlzcyB7XG4gIG1hcmdpbi1sZWZ0OiAwLjYyNXJlbTtcbn1cblxuI2RvbGx5ICsgLmppdG0tY2FyZCB7XG4gIG1hcmdpbjogM3JlbSAxcmVtIDAgYXV0bztcbn1cbiJdLCJmaWxlIjoicGFja2FnZXMvaml0bS9hc3NldHMvamV0cGFjay1hZG1pbi1qaXRtLmNzcyJ9 */ diff --git a/packages/jitm/assets/jetpack-admin-jitm.min.css b/packages/jitm/assets/jetpack-admin-jitm.min.css index 0631a4e2234cb..23eff75929b2a 100644 --- a/packages/jitm/assets/jetpack-admin-jitm.min.css +++ b/packages/jitm/assets/jetpack-admin-jitm.min.css @@ -1,3 +1,3 @@ @charset "UTF-8";/*! * Do not modify this file directly. It is compiled SASS code. -*/.jitm-button{background:#fff;border-color:#d5d5d5;border-style:solid;border-width:1px 1px 2px;color:#414141;cursor:pointer;display:inline-block;margin:0;outline:0;overflow:hidden;font-weight:500;text-overflow:ellipsis;text-decoration:none;vertical-align:top;box-sizing:border-box;font-size:.875rem;line-height:1.3125rem;border-radius:.25rem;padding:.4375rem .875rem .5625rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.jitm-button:hover{border-color:#bbb;color:#414141}.jitm-button:active{border-width:2px 1px 1px}.jitm-button:visited{color:#414141}.jitm-button:disabled,.jitm-button[disabled]{color:#eee;background:#fff;border-color:#eee;cursor:default}.jitm-button:disabled:active,.jitm-button[disabled]:active{border-width:1px 1px 2px}.jitm-button:focus{outline:0;border-color:#00aadc;box-shadow:0 0 0 2px #78dcfa}.jitm-button.is-compact{padding:.4375rem;color:#888;font-size:.75rem;line-height:1}.jitm-button.is-compact:disabled{color:#eee}.jitm-button.hidden{display:none}.jitm-button.is-primary{background:#00aadc;border-color:#0087be;color:#fff}.jitm-button.is-primary:focus,.jitm-button.is-primary:hover{border-color:#005082;color:#fff}.jitm-button.is-primary:disabled,.jitm-button.is-primary[disabled]{background:#bceefd;border-color:#8cc9e2;color:#fff}.jitm-button.is-primary.is-compact{color:#fff}.jitm-card{display:block;clear:both;position:relative;margin:3rem 1.25rem 0 auto;padding:1rem;box-sizing:border-box;background:#fff;box-shadow:0 0 0 1px rgba(213,213,213,.5),0 1px 2px #eee}.jitm-card:after{content:".";display:block;height:0;clear:both;visibility:hidden}@media (min-width:481px){.jitm-card{margin-bottom:1rem;padding:1.5rem}}.jitm-card.is-compact{margin-bottom:.0625rem}@media (min-width:481px){.jitm-card.is-compact{margin-bottom:1px;padding:1rem 1.5rem}}.jitm-card.is-card-link{padding-right:3rem}#screen-meta-links+.jitm-card{margin:2.5rem 1.5385em 0 auto}#dolly+.jitm-card{margin:3rem 1rem 0 auto}.post-php .jitm-card{margin-right:0}.jp-lower .jitm-card{margin:0 0 1.5rem}.jitm-banner.jitm-card{border-left:4px solid;display:flex;padding:.75rem .375rem .75rem .75rem;position:relative;z-index:2;border-left-color:#4ab866}@media (max-width:480px){.jitm-banner.jitm-card{display:block}}.jitm-banner.jitm-card.is-card-link{padding:.75rem 3rem .75rem 1rem}.jitm-banner.jitm-card.is-dismissible{padding-right:3rem}.jitm-banner.jitm-card .jitm-banner__icon{color:#4ab866}.jitm-banner.jitm-card .jitm-banner__icon-circle{background-color:#4ab866}.jitm-banner.jitm-card.is-upgrade-personal{border-left-color:#f0b849}.jitm-banner.jitm-card.is-upgrade-personal .jitm-banner__icon{color:#f0b849}.jitm-banner.jitm-card.is-upgrade-personal .jitm-banner__icon-circle{background-color:#f0b849}.jitm-banner.jitm-card.is-upgrade-premium{border-left-color:#4ab866}.jitm-banner.jitm-card.is-upgrade-premium .jitm-banner__icon{color:#4ab866}.jitm-banner.jitm-card.is-upgrade-premium .jitm-banner__icon-circle{background-color:#4ab866}.jitm-banner.jitm-card.is-upgrade-business,.jitm-banner.jitm-card.woo-jitm{border-left-color:#855da6}.jitm-banner.jitm-card.is-upgrade-business .jitm-banner__icon,.jitm-banner.jitm-card.woo-jitm .jitm-banner__icon{color:#855da6}.jitm-banner.jitm-card.is-upgrade-business .jitm-banner__icon-circle,.jitm-banner.jitm-card.woo-jitm .jitm-banner__icon-circle{background-color:#855da6}.jitm-banner.jitm-card .jitm-card__link-indicator{align-items:center;color:#0087be;display:flex}.jitm-banner.jitm-card:hover{transition:all .1s ease-in-out}.jitm-banner.jitm-card:hover.is-card-link{box-shadow:0 0 0 1px #a2a2a2,0 2px 4px #d5d5d5}.jitm-banner.jitm-card:hover .jitm-card__link-indicator{color:#005082}@media (min-width:481px){.jitm-banner.jitm-card{padding:.75rem 1rem}.jitm-banner.jitm-card.is-dismissible{padding-right:1rem}}.jitm-banner__icons{display:flex}.jitm-banner__icons .jitm-banner__icon,.jitm-banner__icons .jitm-banner__icon-circle{border-radius:50%;flex-shrink:0;height:1.5rem;width:1.5rem;margin-right:1rem;margin-top:-.125rem;text-align:center;top:.25rem}.jitm-banner__icons .jitm-banner__icon{align-self:center;color:#fff;display:block}.jitm-banner__icons .jitm-banner__icon-circle{color:#fff;display:none;padding:.1875rem .25rem .25rem .1875rem}@media (min-width:481px){.jitm-banner__icons{align-items:center}.jitm-banner__icons .jitm-banner__icon{display:none}.jitm-banner__icons .jitm-banner__icon-circle{display:block}}.jitm-banner__icon-plan{display:flex;margin-right:1rem}.jitm-banner__icon-plan .dops-plan-icon{height:2rem;width:2rem}.jitm-banner__icon-plan .jp-emblem{position:relative;top:.125rem}@media (max-width:480px){.jitm-banner__icon-plan .jp-emblem{margin-bottom:.75rem}}.jitm-banner__icon-plan .jp-emblem svg{height:2rem;width:2rem;fill:#00be28}@media (min-width:481px){.jitm-banner__icon-plan{align-items:center}}.jitm-banner__content{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap}@media (min-width:481px){.jitm-banner__content{flex-wrap:nowrap}}.jitm-banner__info{flex-grow:1;line-height:1.4}@media (min-width:481px){.jitm-banner__info{flex-basis:50%}}@media (min-width:961px){.jitm-banner__info{flex-basis:70%}}.jitm-banner__info .jitm-banner__description,.jitm-banner__info .jitm-banner__title{color:#414141}.jitm-banner__info .jitm-banner__title{font-size:14px;font-weight:500}.jitm-banner__info .jitm-banner__description{font-size:.75rem;line-height:1.5;margin-top:.375rem}.jitm-banner__info .banner__list{font-size:12px;list-style:none;margin:10px 0}.jitm-banner__info .banner__list li{margin:6px 0}.jitm-banner__info .banner__list li .gridicon{fill:#a2a2a2;display:inline;margin-right:12px;vertical-align:bottom}.jitm-banner__action{align-self:center;font-size:.75rem;margin:.5rem 0 0;text-align:left;width:100%}.jitm-banner__action .jitm-banner__prices{display:flex;justify-content:flex-start}.jitm-banner__action .jitm-banner__prices .dops-plan-price{margin-bottom:0}.jitm-banner__action .jitm-banner__prices .dops-plan-price.is-discounted,.jitm-banner__action .jitm-banner__prices .dops-plan-price.is-discounted .dops-plan-price__currency-symbol{color:#414141}.has-call-to-action .jitm-banner__action .jitm-banner__prices .dops-plan-price{margin-bottom:.5rem}@media (min-width:481px){.jitm-banner__action{margin:0 .25rem 0 .5rem;text-align:center;width:auto}.jitm-banner__action .is-dismissible{margin-top:2.5rem}.jitm-banner__action .jitm-banner__prices{justify-content:flex-end;text-align:right}}.jitm-banner__dismiss{display:block;text-decoration:none;line-height:.5}.jitm-banner__dismiss:before{color:#6f6f6f;font:400 16px/1 dashicons;content:'\f158'}@media (min-width:661px){.jitm-banner__dismiss{margin-right:-.5rem}}@media (max-width:480px){.jitm-banner__dismiss{position:absolute;top:.875rem;right:.875rem}}.jitm-banner__action+.jitm-banner__dismiss{margin-left:.625rem}#dolly+.jitm-card{margin:3rem 1rem 0 auto} \ No newline at end of file +*/.jitm-button{background:#f3f5f6;border-color:#0071a1;border-style:solid;border-width:1px;color:#0071a1;cursor:pointer;display:inline-block;margin:0;outline:0;overflow:hidden;font-weight:500;text-overflow:ellipsis;text-decoration:none;vertical-align:top;box-sizing:border-box;font-size:.875rem;line-height:1.3125rem;border-radius:.25rem;padding:.4375rem .875rem .5625rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.jitm-button:hover{border-color:#bbb;color:#414141}.jitm-button:active{border-width:2px 1px 1px}.jitm-button:visited{color:#414141}.jitm-button:disabled,.jitm-button[disabled]{color:#eee;background:#fff;border-color:#eee;cursor:default}.jitm-button:disabled:active,.jitm-button[disabled]:active{border-width:1px 1px 2px}.jitm-button:focus{outline:0;border-color:#007cba;box-shadow:0 0 0 2px #78dcfa}.jitm-button.is-compact{padding:.4375rem;color:#888;font-size:.75rem;line-height:1}.jitm-button.is-compact:disabled{color:#eee}.jitm-button.hidden{display:none}.jitm-button.is-primary{background:#007cba;border-color:#007cba;color:#fff}.jitm-button.is-primary:focus,.jitm-button.is-primary:hover{border-color:#0071a1;background:#0071a1;color:#fff}.jitm-button.is-primary:disabled,.jitm-button.is-primary[disabled]{background:#bceefd;border-color:#8cc9e2;color:#fff}.jitm-button.is-primary.is-compact{color:#fff}.jitm-card{display:block;clear:both;position:relative;margin:3rem 1.25rem 0 auto;padding:1rem;box-sizing:border-box;background:#fff;box-shadow:0 0 0 1px rgba(213,213,213,.5),0 1px 2px #eee}.jitm-card:after{content:".";display:block;height:0;clear:both;visibility:hidden}@media (min-width:481px){.jitm-card{margin-bottom:1rem;padding:1.5rem}}.jitm-card.is-compact{margin-bottom:.0625rem}@media (min-width:481px){.jitm-card.is-compact{margin-bottom:1px;padding:1rem 1.5rem}}.jitm-card.is-card-link{padding-right:3rem}#screen-meta-links+.jitm-card{margin:2.5rem 1.5385em 0 auto}#dolly+.jitm-card{margin:3rem 1rem 0 auto}.post-php .jitm-card{margin-right:0}.jp-lower .jitm-card{margin:0 0 1.5rem}.jitm-banner.jitm-card{border-left:4px solid;display:flex;padding:.75rem .375rem .75rem .75rem;position:relative;z-index:2;border-left-color:#4ab866}@media (max-width:480px){.jitm-banner.jitm-card{display:block}}.jitm-banner.jitm-card.is-card-link{padding:.75rem 3rem .75rem 1rem}.jitm-banner.jitm-card.is-dismissible{padding-right:3rem}.jitm-banner.jitm-card .jitm-banner__icon{color:#4ab866}.jitm-banner.jitm-card .jitm-banner__icon-circle{background-color:#4ab866}.jitm-banner.jitm-card.is-upgrade-personal{border-left-color:#f0b849}.jitm-banner.jitm-card.is-upgrade-personal .jitm-banner__icon{color:#f0b849}.jitm-banner.jitm-card.is-upgrade-personal .jitm-banner__icon-circle{background-color:#f0b849}.jitm-banner.jitm-card.is-upgrade-premium{border-left-color:#4ab866}.jitm-banner.jitm-card.is-upgrade-premium .jitm-banner__icon{color:#4ab866}.jitm-banner.jitm-card.is-upgrade-premium .jitm-banner__icon-circle{background-color:#4ab866}.jitm-banner.jitm-card.is-upgrade-business,.jitm-banner.jitm-card.woo-jitm{border-left-color:#855da6}.jitm-banner.jitm-card.is-upgrade-business .jitm-banner__icon,.jitm-banner.jitm-card.woo-jitm .jitm-banner__icon{color:#855da6}.jitm-banner.jitm-card.is-upgrade-business .jitm-banner__icon-circle,.jitm-banner.jitm-card.woo-jitm .jitm-banner__icon-circle{background-color:#855da6}.jitm-banner.jitm-card .jitm-card__link-indicator{align-items:center;color:#0087be;display:flex}.jitm-banner.jitm-card:hover{transition:all .1s ease-in-out}.jitm-banner.jitm-card:hover.is-card-link{box-shadow:0 0 0 1px #a2a2a2,0 2px 4px #d5d5d5}.jitm-banner.jitm-card:hover .jitm-card__link-indicator{color:#005082}@media (min-width:481px){.jitm-banner.jitm-card{padding:.75rem 1rem}.jitm-banner.jitm-card.is-dismissible{padding-right:1rem}}.jitm-banner__icons{display:flex}.jitm-banner__icons .jitm-banner__icon,.jitm-banner__icons .jitm-banner__icon-circle{border-radius:50%;flex-shrink:0;height:1.5rem;width:1.5rem;margin-right:1rem;margin-top:-.125rem;text-align:center;top:.25rem}.jitm-banner__icons .jitm-banner__icon{align-self:center;color:#fff;display:block}.jitm-banner__icons .jitm-banner__icon-circle{color:#fff;display:none;padding:.1875rem .25rem .25rem .1875rem}@media (min-width:481px){.jitm-banner__icons{align-items:center}.jitm-banner__icons .jitm-banner__icon{display:none}.jitm-banner__icons .jitm-banner__icon-circle{display:block}}.jitm-banner__icon-plan{display:flex;margin-right:1rem}.jitm-banner__icon-plan .dops-plan-icon{height:2rem;width:2rem}.jitm-banner__icon-plan .jp-emblem{position:relative;top:.125rem}@media (max-width:480px){.jitm-banner__icon-plan .jp-emblem{margin-bottom:.75rem}}.jitm-banner__icon-plan .jp-emblem svg{height:2rem;width:2rem;fill:#00be28}@media (min-width:481px){.jitm-banner__icon-plan{align-items:center}}.jitm-banner__content{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap}@media (min-width:481px){.jitm-banner__content{flex-wrap:nowrap}}.jitm-banner__info{flex-grow:1;line-height:1.4}@media (min-width:481px){.jitm-banner__info{flex-basis:50%}}@media (min-width:961px){.jitm-banner__info{flex-basis:70%}}.jitm-banner__info .jitm-banner__description,.jitm-banner__info .jitm-banner__title{color:#414141}.jitm-banner__info .jitm-banner__title{font-size:14px;font-weight:500}.jitm-banner__info .jitm-banner__description{font-size:.75rem;line-height:1.5;margin-top:.375rem}.jitm-banner__info .banner__list{font-size:12px;list-style:none;margin:10px 0}.jitm-banner__info .banner__list li{margin:6px 0}.jitm-banner__info .banner__list li .gridicon{fill:#a2a2a2;display:inline;margin-right:12px;vertical-align:bottom}.jitm-banner__action{align-self:center;font-size:.75rem;margin:.5rem 0 0;text-align:left;width:100%}.jitm-banner__action .jitm-banner__prices{display:flex;justify-content:flex-start}.jitm-banner__action .jitm-banner__prices .dops-plan-price{margin-bottom:0}.jitm-banner__action .jitm-banner__prices .dops-plan-price.is-discounted,.jitm-banner__action .jitm-banner__prices .dops-plan-price.is-discounted .dops-plan-price__currency-symbol{color:#414141}.has-call-to-action .jitm-banner__action .jitm-banner__prices .dops-plan-price{margin-bottom:.5rem}@media (min-width:481px){.jitm-banner__action{margin:0 .25rem 0 .5rem;text-align:center;width:auto}.jitm-banner__action .is-dismissible{margin-top:2.5rem}.jitm-banner__action .jitm-banner__prices{justify-content:flex-end;text-align:right}}.jitm-banner__dismiss{display:block;text-decoration:none;line-height:.5}.jitm-banner__dismiss:before{color:#6f6f6f;font:400 16px/1 dashicons;content:'\f158'}@media (min-width:661px){.jitm-banner__dismiss{margin-right:-.5rem}}@media (max-width:480px){.jitm-banner__dismiss{position:absolute;top:.875rem;right:.875rem}}.jitm-banner__action+.jitm-banner__dismiss{margin-left:.625rem}#dolly+.jitm-card{margin:3rem 1rem 0 auto} \ No newline at end of file diff --git a/packages/jitm/assets/jetpack-admin-jitm.scss b/packages/jitm/assets/jetpack-admin-jitm.scss index 5ce675b4baba5..8c3e97b810d54 100644 --- a/packages/jitm/assets/jetpack-admin-jitm.scss +++ b/packages/jitm/assets/jetpack-admin-jitm.scss @@ -25,13 +25,15 @@ } // New JITMS - modified calypso banner styles +$blue-grey-light: #f3f5f6; +$blue-medium-dark: #0071a1; .jitm-button { - background: $white; - border-color: lighten( $gray, 20% ); + background: $blue-grey-light; + border-color: $blue-medium-dark; border-style: solid; - border-width: 1px 1px 2px; - color: $gray-dark; + border-width: 1px; + color: $blue-medium-dark; cursor: pointer; display: inline-block; margin: 0; @@ -93,12 +95,13 @@ // Primary buttons .jitm-button.is-primary { background: $blue-medium; - border-color: $blue-wordpress; + border-color: $blue-medium; color: $white; &:hover, &:focus { - border-color: $blue-dark; + border-color: $blue-medium-dark; + background: $blue-medium-dark; color: $white; } &[disabled],