jetpack-connection-banner.min.css — Jetpack – WP Security, Backup, Speed, & Growth 12.0.3

jetpack / css / jetpack-connection-banner.min.css
jetpack / css Last commit date
jetpack-connection-banner.min.css
1 lines
@charset "UTF-8";:root{--font-title-large:36px;--font-title-small:24px;--font-body:16px;--font-label:12px;--jp-black:#000;--jp-black-80:#2c3338;--jp-white:#fff;--jp-white-off:#f9f9f6;--jp-gray:#dcdcde;--jp-gray-0:#f6f7f7;--jp-gray-5:#dcdcde;--jp-gray-10:#c3c4c7;--jp-gray-20:#a7aaad;--jp-gray-30:#8c8f94;--jp-gray-40:#787c82;--jp-gray-50:#646970;--jp-gray-60:#50575e;--jp-gray-70:#3c434a;--jp-gray-80:#2c3338;--jp-gray-90:#1d2327;--jp-gray-100:#101517;--jp-gray-off:#e2e2df;--jp-yellow-10:#f2cf75;--jp-red-0:#f7ebec;--jp-red-50:#d63638;--jp-red-60:#b32d2e;--jp-red-80:#8a2424;--jp-red:#d63639;--jp-pink:#c9356e;--jp-green-0:#f0f2eb;--jp-green-5:#d0e6b8;--jp-green-10:#9dd977;--jp-green-20:#64ca43;--jp-green-30:#2fb41f;--jp-green-40:#069e08;--jp-green-50:#008710;--jp-green-60:#007117;--jp-green-70:#005b18;--jp-green-80:#004515;--jp-green-90:#003010;--jp-green-100:#001c09;--jp-green:#069e08;--jp-green-primary:var(--jp-green-40);--jp-green-secondary:var(--jp-green-30);--jp-border-radius:4px;--jp-menu-border-height:1px;--jp-underline-thickness:2px;--jp-modal-padding-large:32px;--jp-modal-padding:24px;--jp-modal-padding-small:16px;--jp-modal-radius:8px;--jp-button-padding:8px;--jp-button-radius:4px;--jp-gap:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;margin:0;min-height:100%;padding:0}.jp-wrap{align-items:center;display:flex;flex-wrap:wrap;margin:0 auto;max-width:1128px}.jp-row{grid-gap:24px;display:grid;grid-template-columns:repeat(4,1fr);margin:0 16px;width:100%}@media (min-width:600px){.jp-row{grid-template-columns:repeat(8,1fr);margin:0 18px}}@media (min-width:960px){.jp-row{grid-template-columns:repeat(12,1fr);margin:0 24px;max-width:1128px}}.sm-col-span-1{grid-column-end:span 1}.sm-col-span-2{grid-column-end:span 2}.sm-col-span-3{grid-column-end:span 3}.sm-col-span-4{grid-column-end:span 4}@media (min-width:600px){.md-col-span-1{grid-column-end:span 1}.md-col-span-2{grid-column-end:span 2}.md-col-span-3{grid-column-end:span 3}.md-col-span-4{grid-column-end:span 4}.md-col-span-5{grid-column-end:span 5}.md-col-span-6{grid-column-end:span 6}.md-col-span-7{grid-column-end:span 7}.md-col-span-8{grid-column-end:span 8}}@media (min-width:960px){.lg-col-span-1{grid-column-end:span 1}.lg-col-span-2{grid-column-end:span 2}.lg-col-span-3{grid-column-end:span 3}.lg-col-span-4{grid-column-end:span 4}.lg-col-span-5{grid-column-end:span 5}.lg-col-span-6{grid-column-end:span 6}.lg-col-span-7{grid-column-end:span 7}.lg-col-span-8{grid-column-end:span 8}.lg-col-span-9{grid-column-end:span 9}.lg-col-span-10{grid-column-end:span 10}.lg-col-span-11{grid-column-end:span 11}.lg-col-span-12{grid-column-end:span 12}}@media (max-width:960px){.md-col-span-0{display:none}}@media (max-width:600px){.sm-col-span-0{display:none}}.jp-cut{border:2px solid var(--jp-green-primary);border-radius:var(--jp-border-radius);margin:32px 0;padding:16px 64px 16px 24px;position:relative;text-decoration:none}.jp-cut,.jp-cut span{display:block}.jp-cut span:last-of-type{font-weight:600}.jp-cut:focus span:last-of-type,.jp-cut:hover span:last-of-type{text-decoration:underline;text-decoration-thickness:var(--jp-underline-thickness)}.jp-cut:focus:after,.jp-cut:hover:after{transform:translateY(-50%) translateX(8px)}.jp-cut:after{color:var(--jp-green-primary);content:"→";font-size:24px;font-weight:600;position:absolute;right:24px;top:50%;transform:translateY(-50%);transition:transform .15s ease-out}.jp-banner-cta-button{background:#000;border:1px solid #000;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;font-weight:600;margin:0;outline:0;overflow:hidden;padding:.625rem 1.5rem;text-decoration:none;text-overflow:ellipsis;transition:all .15s ease-in-out;vertical-align:top}@media (max-width:480px){.jp-banner-cta-button{text-align:center;width:100%}}.jp-banner-cta-button:active,.jp-banner-cta-button:hover{background:var(--jp-gray-80);border-color:var(--jp-gray-80);color:var(--jp-white)}.jp-banner-cta-button:focus{box-shadow:none;outline:solid 1px var(--jp-black);outline-offset:1px}.jp-connection-banner{border:1px solid #d5d5d5;box-shadow:0 2px 6px rgba(0,0,0,.03),0 1px 2px rgba(0,0,0,.03);display:block;margin:3rem 1.25rem 1.25rem 0;position:relative}@media (max-width:1152px){.jp-connection-banner{margin:4rem 1.25rem 1.25rem 0}}@media (max-width:480px){.jp-connection-banner .notice-dismiss{padding:1rem}}.jp-connection-banner__inner{background:#fff;display:grid;grid-template-columns:minmax(auto,750px) 500px;justify-content:space-between;min-height:400px;overflow:hidden}@media (max-width:1152px){.jp-connection-banner__inner{grid-template-columns:100% 0}}.jp-connection-banner__content{display:inline-flex;flex-direction:column;padding:2rem 3rem 2rem 4rem}@media (max-width:1152px){.jp-connection-banner__content{padding:2rem}}@media (max-width:480px){.jp-connection-banner__content{padding:2rem 1rem}}.jp-connection-banner__logo{margin:0 0 1.25rem}.jp-connection-banner__title{color:var(--jp-gray-80);font-size:1.8rem;line-height:2.1rem;margin:0 0 2rem;width:70%}@media (max-width:1400px){.jp-connection-banner__title{width:100%}}@media (max-width:480px){.jp-connection-banner__title{font-size:1.4rem;line-height:1.7rem}}.jp-connection-banner__title--warning{width:100%}.jp-connection-banner__warning-icon{fill:#eec74f;margin-right:-4px;transform:translate(-4px,8px)}.jp-connection-banner__columns{grid-column-gap:2.5rem;display:grid;grid-template-columns:repeat(2,1fr)}@media (max-width:480px){.jp-connection-banner__columns{grid-template-columns:1fr}}.jp-connection-banner__text{color:var(--jp-gray-100);font-size:.875rem;letter-spacing:-.02em;line-height:1.5rem;margin:0 0 2rem;white-space:pre-line}.jp-connection-banner__text--caption{font-size:.75rem;margin-bottom:1rem}.jp-connection-banner__text a{color:inherit}.jp-connection-banner__footer{display:block;margin-top:auto}.jp-connection-banner__image-container{position:relative}.jp-connection-banner__image-background{bottom:0;height:100%;position:absolute;right:0;width:100%}.jp-connection-banner__image{bottom:0;left:50px;position:absolute}.jp-connection-banner__container-top-text{align-items:baseline;background-color:#069e08;color:#fff;display:flex;padding:1rem 2.25rem 1.5rem 1rem}.jp-connection-banner__container-top-text svg{height:24px;margin-right:.625rem;position:relative;top:7px;width:24px}.jp-connection-banner__container-top-text svg path{fill:#fff}.jp-connection-banner__container-top-text+.notice-dismiss:before{color:#fff}