From b8890a593fad3a5e088e4e6ac8bfdb50aabd4559 Mon Sep 17 00:00:00 2001 From: Michael Arestad Date: Wed, 23 Oct 2019 13:19:14 -0600 Subject: [PATCH] Add back RTL files --- .../jitm/assets/jetpack-admin-jitm-rtl.css | 491 ++++++++++++++++++ .../assets/jetpack-admin-jitm-rtl.min.css | 5 + 2 files changed, 496 insertions(+) create mode 100644 packages/jitm/assets/jetpack-admin-jitm-rtl.css create mode 100644 packages/jitm/assets/jetpack-admin-jitm-rtl.min.css diff --git a/packages/jitm/assets/jetpack-admin-jitm-rtl.css b/packages/jitm/assets/jetpack-admin-jitm-rtl.css new file mode 100644 index 0000000000000..4047ed825e8ed --- /dev/null +++ b/packages/jitm/assets/jetpack-admin-jitm-rtl.css @@ -0,0 +1,491 @@ +/*! +* 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: #f3f5f6; + border-color: #0071a1; + border-style: solid; + border-width: 1px; + color: #0071a1; + cursor: pointer; + display: inline-block; + margin: 0; + outline: 0; + overflow: hidden; + font-size: 14px; + font-weight: 500; + text-overflow: ellipsis; + text-decoration: none; + vertical-align: top; + box-sizing: border-box; + font-size: 14px; + border-radius: 4px; + padding: 7px 14px 9px; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +.jitm-button:hover { + background: #f1f1f1; + border-color: #016087; + color: #016087; +} + +.jitm-button[disabled], .jitm-button:disabled { + color: #eeeeee; + background: white; + border-color: #eeeeee; + cursor: default; +} + +.jitm-button:focus { + background: white; + border-color: #0071a1; + box-shadow: 0 0 0 1px #0071a1; +} + +.jitm-button.is-compact { + padding: 7px; + font-size: 11px; + line-height: 1; + text-transform: uppercase; +} + +.jitm-button.is-compact:disabled { + color: #eeeeee; +} + +.jitm-button.is-compact .gridicon { + top: 4px; + margin-top: -8px; +} + +.jitm-button.is-compact .gridicons-plus-small { + margin-right: -4px; +} + +.jitm-button.is-compact .gridicons-plus-small:last-of-type { + margin-right: 0; +} + +.jitm-button.is-compact .gridicons-plus-small + .gridicon { + margin-right: -4px; +} + +.jitm-button.hidden { + display: none; +} + +.jitm-button.is-primary { + background: #007cba; + border-color: #007cba; + color: white; +} + +.jitm-button.is-primary:hover, .jitm-button.is-primary:focus { + border-color: #0071a1; + background: #0071a1; + color: white; +} + +.jitm-button.is-primary:focus { + box-shadow: 0 0 0 1px white, 0 0 0 3px #0071a1; +} + +.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; + white-space: nowrap; +} + +.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 #ccd0d4, 0 1px 1px 1px rgba(0, 0, 0, 0.04); +} + +.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 new file mode 100644 index 0000000000000..a54f3e97185e9 --- /dev/null +++ b/packages/jitm/assets/jetpack-admin-jitm-rtl.min.css @@ -0,0 +1,5 @@ +@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:#f3f5f6;border-color:#0071a1;border-style:solid;border-width:1px;color:#0071a1;cursor:pointer;display:inline-block;margin:0;outline:0;overflow:hidden;font-size:14px;font-weight:500;text-overflow:ellipsis;text-decoration:none;vertical-align:top;box-sizing:border-box;font-size:14px;border-radius:4px;padding:7px 14px 9px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.jitm-button:hover{background:#f1f1f1;border-color:#016087;color:#016087}.jitm-button:disabled,.jitm-button[disabled]{color:#eee;background:#fff;border-color:#eee;cursor:default}.jitm-button:focus{background:#fff;border-color:#0071a1;box-shadow:0 0 0 1px #0071a1}.jitm-button.is-compact{padding:7px;font-size:11px;line-height:1;text-transform:uppercase}.jitm-button.is-compact:disabled{color:#eee}.jitm-button.is-compact .gridicon{top:4px;margin-top:-8px}.jitm-button.is-compact .gridicons-plus-small{margin-right:-4px}.jitm-button.is-compact .gridicons-plus-small:last-of-type{margin-right:0}.jitm-button.is-compact .gridicons-plus-small+.gridicon{margin-right:-4px}.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:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px #0071a1}.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;white-space:nowrap}.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 #ccd0d4,0 1px 1px 1px rgba(0,0,0,.04)}.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