diff --git a/.svnignore b/.svnignore index f63580ff270f..074d2861014e 100644 --- a/.svnignore +++ b/.svnignore @@ -36,6 +36,7 @@ vendor/automattic/**/README.md vendor/automattic/**/phpunit.xml vendor/automattic/**/phpunit.xml.dist vendor/automattic/**/composer.json +vendor/automattic/**/assets/*.scss composer.lock package.json gulpfile.js diff --git a/gulpfile.babel.js b/gulpfile.babel.js index 02efbb71e9e7..070f0df32b7a 100644 --- a/gulpfile.babel.js +++ b/gulpfile.babel.js @@ -209,7 +209,7 @@ gulp.task( 'languages:extract', function( done ) { } ); } ); -gulp.task( 'old-styles', gulp.parallel( frontendcss, admincss, 'sass:old' ) ); +gulp.task( 'old-styles', gulp.parallel( frontendcss, admincss, 'sass:old', 'sass:packages:rtl' ) ); // Default task gulp.task( 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 000000000000..26882a6ddb96 --- /dev/null +++ b/packages/jitm/assets/jetpack-admin-jitm-rtl.css @@ -0,0 +1,479 @@ +/*! +* 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 new file mode 100644 index 000000000000..396e4d537547 --- /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:#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 c0de26512c81..3356f08d8269 100644 --- a/packages/jitm/assets/jetpack-admin-jitm.css +++ b/packages/jitm/assets/jetpack-admin-jitm.css @@ -167,7 +167,7 @@ https://github.com/thoughtbot/bourbon } .jp-lower .jitm-card { - margin: 3rem 0 1.5rem; + margin: 0 0 1.5rem; } .jitm-banner.jitm-card { @@ -475,4 +475,4 @@ https://github.com/thoughtbot/bourbon margin: 3rem 1rem 0 auto; } -/*# sourceMappingURL=jetpack-admin-jitm.css.map */ +/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlcyI6WyJwYWNrYWdlcy9qaXRtL2Fzc2V0cy9qZXRwYWNrLWFkbWluLWppdG0uY3NzIl0sInNvdXJjZXNDb250ZW50IjpbIi8qIVxuKiBEbyBub3QgbW9kaWZ5IHRoaXMgZmlsZSBkaXJlY3RseS4gIEl0IGlzIGNvbXBpbGVkIFNBU1MgY29kZS5cbiovXG5AY2hhcnNldCBcIlVURi04XCI7XG4vKlxuVGhlIE1JVCBMaWNlbnNlIChNSVQpXG5cbkNvcHlyaWdodCDCqSAyMDEx4oCTMjAxNSB0aG91Z2h0Ym90LCBpbmMuXG5cblBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHkgb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZFxuZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIOKAnFNvZnR3YXJl4oCdKSwgdG8gZGVhbCBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGVcbnJpZ2h0cyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXRcbnBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXMgZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcblxuVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW4gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbFxucG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuXG5USEUgU09GVFdBUkUgSVMgUFJPVklERUQg4oCcQVMgSVPigJ0sIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1IgSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEVcbldBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLCBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEUgQVVUSE9SUyBPUlxuQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVIgTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUlxuT1RIRVJXSVNFLCBBUklTSU5HIEZST00sIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU4gVEhFIFNPRlRXQVJFLlxuXG5odHRwczovL2dpdGh1Yi5jb20vdGhvdWdodGJvdC9ib3VyYm9uXG4qL1xuLmppdG0tYnV0dG9uIHtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG4gIGJvcmRlci1jb2xvcjogI2Q1ZDVkNTtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiAxcHggMXB4IDJweDtcbiAgY29sb3I6ICM0MTQxNDE7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBtYXJnaW46IDA7XG4gIG91dGxpbmU6IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIHZlcnRpY2FsLWFsaWduOiB0b3A7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGZvbnQtc2l6ZTogMC44NzVyZW07XG4gIGxpbmUtaGVpZ2h0OiAxLjMxMjVyZW07XG4gIGJvcmRlci1yYWRpdXM6IDAuMjVyZW07XG4gIHBhZGRpbmc6IDAuNDM3NXJlbSAwLjg3NXJlbSAwLjU2MjVyZW07XG4gIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcbiAgICAgLW1vei1hcHBlYXJhbmNlOiBub25lO1xuICAgICAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG59XG5cbi5qaXRtLWJ1dHRvbjpob3ZlciB7XG4gIGJvcmRlci1jb2xvcjogI2JiYmJiYjtcbiAgY29sb3I6ICM0MTQxNDE7XG59XG5cbi5qaXRtLWJ1dHRvbjphY3RpdmUge1xuICBib3JkZXItd2lkdGg6IDJweCAxcHggMXB4O1xufVxuXG4uaml0bS1idXR0b246dmlzaXRlZCB7XG4gIGNvbG9yOiAjNDE0MTQxO1xufVxuXG4uaml0bS1idXR0b25bZGlzYWJsZWRdLCAuaml0bS1idXR0b246ZGlzYWJsZWQge1xuICBjb2xvcjogI2VlZWVlZTtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG4gIGJvcmRlci1jb2xvcjogI2VlZWVlZTtcbiAgY3Vyc29yOiBkZWZhdWx0O1xufVxuXG4uaml0bS1idXR0b25bZGlzYWJsZWRdOmFjdGl2ZSwgLmppdG0tYnV0dG9uOmRpc2FibGVkOmFjdGl2ZSB7XG4gIGJvcmRlci13aWR0aDogMXB4IDFweCAycHg7XG59XG5cbi5qaXRtLWJ1dHRvbjpmb2N1cyB7XG4gIG91dGxpbmU6IDA7XG4gIGJvcmRlci1jb2xvcjogIzAwYWFkYztcbiAgYm94LXNoYWRvdzogMCAwIDAgMnB4ICM3OGRjZmE7XG59XG5cbi5qaXRtLWJ1dHRvbi5pcy1jb21wYWN0IHtcbiAgcGFkZGluZzogMC40Mzc1cmVtO1xuICBjb2xvcjogIzg4ODg4ODtcbiAgZm9udC1zaXplOiAwLjc1cmVtO1xuICBsaW5lLWhlaWdodDogMTtcbn1cblxuLmppdG0tYnV0dG9uLmlzLWNvbXBhY3Q6ZGlzYWJsZWQge1xuICBjb2xvcjogI2VlZWVlZTtcbn1cblxuLmppdG0tYnV0dG9uLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5qaXRtLWJ1dHRvbi5pcy1wcmltYXJ5IHtcbiAgYmFja2dyb3VuZDogIzAwYWFkYztcbiAgYm9yZGVyLWNvbG9yOiAjMDA4N2JlO1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5qaXRtLWJ1dHRvbi5pcy1wcmltYXJ5OmhvdmVyLCAuaml0bS1idXR0b24uaXMtcHJpbWFyeTpmb2N1cyB7XG4gIGJvcmRlci1jb2xvcjogIzAwNTA4MjtcbiAgY29sb3I6IHdoaXRlO1xufVxuXG4uaml0bS1idXR0b24uaXMtcHJpbWFyeVtkaXNhYmxlZF0sIC5qaXRtLWJ1dHRvbi5pcy1wcmltYXJ5OmRpc2FibGVkIHtcbiAgYmFja2dyb3VuZDogI2JjZWVmZDtcbiAgYm9yZGVyLWNvbG9yOiAjOGNjOWUyO1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5qaXRtLWJ1dHRvbi5pcy1wcmltYXJ5LmlzLWNvbXBhY3Qge1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5qaXRtLWNhcmQge1xuICBkaXNwbGF5OiBibG9jaztcbiAgY2xlYXI6IGJvdGg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWFyZ2luOiAzcmVtIDEuMjVyZW0gMCBhdXRvO1xuICBwYWRkaW5nOiAxcmVtO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgYm94LXNoYWRvdzogMCAwIDAgMXB4IHJnYmEoMjEzLCAyMTMsIDIxMywgMC41KSwgMCAxcHggMnB4ICNlZWVlZWU7XG59XG5cbi5qaXRtLWNhcmQ6YWZ0ZXIge1xuICBjb250ZW50OiBcIi5cIjtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGhlaWdodDogMDtcbiAgY2xlYXI6IGJvdGg7XG4gIHZpc2liaWxpdHk6IGhpZGRlbjtcbn1cblxuQG1lZGlhIChtaW4td2lkdGg6IDQ4MXB4KSB7XG4gIC5qaXRtLWNhcmQge1xuICAgIG1hcmdpbi1ib3R0b206IDFyZW07XG4gICAgcGFkZGluZzogMS41cmVtO1xuICB9XG59XG5cbi5qaXRtLWNhcmQuaXMtY29tcGFjdCB7XG4gIG1hcmdpbi1ib3R0b206IDAuMDYyNXJlbTtcbn1cblxuQG1lZGlhIChtaW4td2lkdGg6IDQ4MXB4KSB7XG4gIC5qaXRtLWNhcmQuaXMtY29tcGFjdCB7XG4gICAgbWFyZ2luLWJvdHRvbTogMXB4O1xuICAgIHBhZGRpbmc6IDFyZW0gMS41cmVtO1xuICB9XG59XG5cbi5qaXRtLWNhcmQuaXMtY2FyZC1saW5rIHtcbiAgcGFkZGluZy1yaWdodDogM3JlbTtcbn1cblxuI3NjcmVlbi1tZXRhLWxpbmtzICsgLmppdG0tY2FyZCB7XG4gIG1hcmdpbjogMi41cmVtIDEuNTM4NWVtIDAgYXV0bztcbn1cblxuI2RvbGx5ICsgLmppdG0tY2FyZCB7XG4gIG1hcmdpbjogM3JlbSAxcmVtIDAgYXV0bztcbn1cblxuLnBvc3QtcGhwIC5qaXRtLWNhcmQge1xuICBtYXJnaW4tcmlnaHQ6IDA7XG59XG5cbi5qcC1sb3dlciAuaml0bS1jYXJkIHtcbiAgbWFyZ2luOiAwIDAgMS41cmVtO1xufVxuXG4uaml0bS1iYW5uZXIuaml0bS1jYXJkIHtcbiAgYm9yZGVyLWxlZnQ6IDRweCBzb2xpZDtcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogMC43NXJlbSAwLjM3NXJlbSAwLjc1cmVtIDAuNzVyZW07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgei1pbmRleDogMjtcbiAgYm9yZGVyLWxlZnQtY29sb3I6ICM0YWI4NjY7XG59XG5cbkBtZWRpYSAobWF4LXdpZHRoOiA0ODBweCkge1xuICAuaml0bS1iYW5uZXIuaml0bS1jYXJkIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxufVxuXG4uaml0bS1iYW5uZXIuaml0bS1jYXJkLmlzLWNhcmQtbGluayB7XG4gIHBhZGRpbmc6IDAuNzVyZW0gM3JlbSAwLjc1cmVtIDFyZW07XG59XG5cbi5qaXRtLWJhbm5lci5qaXRtLWNhcmQuaXMtZGlzbWlzc2libGUge1xuICBwYWRkaW5nLXJpZ2h0OiAzcmVtO1xufVxuXG4uaml0bS1iYW5uZXIuaml0bS1jYXJkIC5qaXRtLWJhbm5lcl9faWNvbiB7XG4gIGNvbG9yOiAjNGFiODY2O1xufVxuXG4uaml0bS1iYW5uZXIuaml0bS1jYXJkIC5qaXRtLWJhbm5lcl9faWNvbi1jaXJjbGUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjNGFiODY2O1xufVxuXG4uaml0bS1iYW5uZXIuaml0bS1jYXJkLmlzLXVwZ3JhZGUtcGVyc29uYWwge1xuICBib3JkZXItbGVmdC1jb2xvcjogI2YwYjg0OTtcbn1cblxuLmppdG0tYmFubmVyLmppdG0tY2FyZC5pcy11cGdyYWRlLXBlcnNvbmFsIC5qaXRtLWJhbm5lcl9faWNvbiB7XG4gIGNvbG9yOiAjZjBiODQ5O1xufVxuXG4uaml0bS1iYW5uZXIuaml0bS1jYXJkLmlzLXVwZ3JhZGUtcGVyc29uYWwgLmppdG0tYmFubmVyX19pY29uLWNpcmNsZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmMGI4NDk7XG59XG5cbi5qaXRtLWJhbm5lci5qaXRtLWNhcmQuaXMtdXBncmFkZS1wcmVtaXVtIHtcbiAgYm9yZGVyLWxlZnQtY29sb3I6ICM0YWI4NjY7XG59XG5cbi5qaXRtLWJhbm5lci5qaXRtLWNhcmQuaXMtdXBncmFkZS1wcmVtaXVtIC5qaXRtLWJhbm5lcl9faWNvbiB7XG4gIGNvbG9yOiAjNGFiODY2O1xufVxuXG4uaml0bS1iYW5uZXIuaml0bS1jYXJkLmlzLXVwZ3JhZGUtcHJlbWl1bSAuaml0bS1iYW5uZXJfX2ljb24tY2lyY2xlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzRhYjg2Njtcbn1cblxuLmppdG0tYmFubmVyLmppdG0tY2FyZC5pcy11cGdyYWRlLWJ1c2luZXNzLCAuaml0bS1iYW5uZXIuaml0bS1jYXJkLndvby1qaXRtIHtcbiAgYm9yZGVyLWxlZnQtY29sb3I6ICM4NTVEQTY7XG59XG5cbi5qaXRtLWJhbm5lci5qaXRtLWNhcmQuaXMtdXBncmFkZS1idXNpbmVzcyAuaml0bS1iYW5uZXJfX2ljb24sIC5qaXRtLWJhbm5lci5qaXRtLWNhcmQud29vLWppdG0gLmppdG0tYmFubmVyX19pY29uIHtcbiAgY29sb3I6ICM4NTVEQTY7XG59XG5cbi5qaXRtLWJhbm5lci5qaXRtLWNhcmQuaXMtdXBncmFkZS1idXNpbmVzcyAuaml0bS1iYW5uZXJfX2ljb24tY2lyY2xlLCAuaml0bS1iYW5uZXIuaml0bS1jYXJkLndvby1qaXRtIC5qaXRtLWJhbm5lcl9faWNvbi1jaXJjbGUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjODU1REE2O1xufVxuXG4uaml0bS1iYW5uZXIuaml0bS1jYXJkIC5qaXRtLWNhcmRfX2xpbmstaW5kaWNhdG9yIHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICMwMDg3YmU7XG4gIGRpc3BsYXk6IGZsZXg7XG59XG5cbi5qaXRtLWJhbm5lci5qaXRtLWNhcmQ6aG92ZXIge1xuICB0cmFuc2l0aW9uOiBhbGwgMTAwbXMgZWFzZS1pbi1vdXQ7XG59XG5cbi5qaXRtLWJhbm5lci5qaXRtLWNhcmQ6aG92ZXIuaXMtY2FyZC1saW5rIHtcbiAgYm94LXNoYWRvdzogMCAwIDAgMXB4ICNhMmEyYTIsIDAgMnB4IDRweCAjZDVkNWQ1O1xufVxuXG4uaml0bS1iYW5uZXIuaml0bS1jYXJkOmhvdmVyIC5qaXRtLWNhcmRfX2xpbmstaW5kaWNhdG9yIHtcbiAgY29sb3I6ICMwMDUwODI7XG59XG5cbkBtZWRpYSAobWluLXdpZHRoOiA0ODFweCkge1xuICAuaml0bS1iYW5uZXIuaml0bS1jYXJkIHtcbiAgICBwYWRkaW5nOiAwLjc1cmVtIDFyZW07XG4gIH1cbiAgLmppdG0tYmFubmVyLmppdG0tY2FyZC5pcy1kaXNtaXNzaWJsZSB7XG4gICAgcGFkZGluZy1yaWdodDogMXJlbTtcbiAgfVxufVxuXG4uaml0bS1iYW5uZXJfX2ljb25zIHtcbiAgZGlzcGxheTogZmxleDtcbn1cblxuLmppdG0tYmFubmVyX19pY29ucyAuaml0bS1iYW5uZXJfX2ljb24sXG4uaml0bS1iYW5uZXJfX2ljb25zIC5qaXRtLWJhbm5lcl9faWNvbi1jaXJjbGUge1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBoZWlnaHQ6IDEuNXJlbTtcbiAgd2lkdGg6IDEuNXJlbTtcbiAgbWFyZ2luLXJpZ2h0OiAxcmVtO1xuICBtYXJnaW4tdG9wOiAtMC4xMjVyZW07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgdG9wOiAwLjI1cmVtO1xufVxuXG4uaml0bS1iYW5uZXJfX2ljb25zIC5qaXRtLWJhbm5lcl9faWNvbiB7XG4gIGFsaWduLXNlbGY6IGNlbnRlcjtcbiAgY29sb3I6IHdoaXRlO1xuICBkaXNwbGF5OiBibG9jaztcbn1cblxuLmppdG0tYmFubmVyX19pY29ucyAuaml0bS1iYW5uZXJfX2ljb24tY2lyY2xlIHtcbiAgY29sb3I6IHdoaXRlO1xuICBkaXNwbGF5OiBub25lO1xuICBwYWRkaW5nOiAwLjE4NzVyZW0gMC4yNXJlbSAwLjI1cmVtIDAuMTg3NXJlbTtcbn1cblxuQG1lZGlhIChtaW4td2lkdGg6IDQ4MXB4KSB7XG4gIC5qaXRtLWJhbm5lcl9faWNvbnMge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIH1cbiAgLmppdG0tYmFubmVyX19pY29ucyAuaml0bS1iYW5uZXJfX2ljb24ge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbiAgLmppdG0tYmFubmVyX19pY29ucyAuaml0bS1iYW5uZXJfX2ljb24tY2lyY2xlIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxufVxuXG4uaml0bS1iYW5uZXJfX2ljb24tcGxhbiB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1hcmdpbi1yaWdodDogMXJlbTtcbn1cblxuLmppdG0tYmFubmVyX19pY29uLXBsYW4gLmRvcHMtcGxhbi1pY29uIHtcbiAgaGVpZ2h0OiAycmVtO1xuICB3aWR0aDogMnJlbTtcbn1cblxuLmppdG0tYmFubmVyX19pY29uLXBsYW4gLmpwLWVtYmxlbSB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgdG9wOiAwLjEyNXJlbTtcbn1cblxuQG1lZGlhIChtYXgtd2lkdGg6IDQ4MHB4KSB7XG4gIC5qaXRtLWJhbm5lcl9faWNvbi1wbGFuIC5qcC1lbWJsZW0ge1xuICAgIG1hcmdpbi1ib3R0b206IDAuNzVyZW07XG4gIH1cbn1cblxuLmppdG0tYmFubmVyX19pY29uLXBsYW4gLmpwLWVtYmxlbSBzdmcge1xuICBoZWlnaHQ6IDJyZW07XG4gIHdpZHRoOiAycmVtO1xuICBmaWxsOiAjMDBCRTI4O1xufVxuXG5AbWVkaWEgKG1pbi13aWR0aDogNDgxcHgpIHtcbiAgLmppdG0tYmFubmVyX19pY29uLXBsYW4ge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIH1cbn1cblxuLmppdG0tYmFubmVyX19jb250ZW50IHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1ncm93OiAxO1xuICBmbGV4LXdyYXA6IHdyYXA7XG59XG5cbkBtZWRpYSAobWluLXdpZHRoOiA0ODFweCkge1xuICAuaml0bS1iYW5uZXJfX2NvbnRlbnQge1xuICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICB9XG59XG5cbi5qaXRtLWJhbm5lcl9faW5mbyB7XG4gIGZsZXgtZ3JvdzogMTtcbiAgbGluZS1oZWlnaHQ6IDEuNDtcbn1cblxuQG1lZGlhIChtaW4td2lkdGg6IDQ4MXB4KSB7XG4gIC5qaXRtLWJhbm5lcl9faW5mbyB7XG4gICAgZmxleC1iYXNpczogNTAlO1xuICB9XG59XG5cbkBtZWRpYSAobWluLXdpZHRoOiA5NjFweCkge1xuICAuaml0bS1iYW5uZXJfX2luZm8ge1xuICAgIGZsZXgtYmFzaXM6IDcwJTtcbiAgfVxufVxuXG4uaml0bS1iYW5uZXJfX2luZm8gLmppdG0tYmFubmVyX190aXRsZSxcbi5qaXRtLWJhbm5lcl9faW5mbyAuaml0bS1iYW5uZXJfX2Rlc2NyaXB0aW9uIHtcbiAgY29sb3I6ICM0MTQxNDE7XG59XG5cbi5qaXRtLWJhbm5lcl9faW5mbyAuaml0bS1iYW5uZXJfX3RpdGxlIHtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBmb250LXdlaWdodDogNTAwO1xufVxuXG4uaml0bS1iYW5uZXJfX2luZm8gLmppdG0tYmFubmVyX19kZXNjcmlwdGlvbiB7XG4gIGZvbnQtc2l6ZTogMC43NXJlbTtcbiAgbGluZS1oZWlnaHQ6IDEuNTtcbiAgbWFyZ2luLXRvcDogMC4zNzVyZW07XG59XG5cbi5qaXRtLWJhbm5lcl9faW5mbyAuYmFubmVyX19saXN0IHtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBsaXN0LXN0eWxlOiBub25lO1xuICBtYXJnaW46IDEwcHggMDtcbn1cblxuLmppdG0tYmFubmVyX19pbmZvIC5iYW5uZXJfX2xpc3QgbGkge1xuICBtYXJnaW46IDZweCAwO1xufVxuXG4uaml0bS1iYW5uZXJfX2luZm8gLmJhbm5lcl9fbGlzdCBsaSAuZ3JpZGljb24ge1xuICBmaWxsOiAjYTJhMmEyO1xuICBkaXNwbGF5OiBpbmxpbmU7XG4gIG1hcmdpbi1yaWdodDogMTJweDtcbiAgdmVydGljYWwtYWxpZ246IGJvdHRvbTtcbn1cblxuLmppdG0tYmFubmVyX19hY3Rpb24ge1xuICBhbGlnbi1zZWxmOiBjZW50ZXI7XG4gIGZvbnQtc2l6ZTogMC43NXJlbTtcbiAgbWFyZ2luOiAwLjVyZW0gMCAwO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICB3aWR0aDogMTAwJTtcbn1cblxuLmppdG0tYmFubmVyX19hY3Rpb24gLmppdG0tYmFubmVyX19wcmljZXMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG59XG5cbi5qaXRtLWJhbm5lcl9fYWN0aW9uIC5qaXRtLWJhbm5lcl9fcHJpY2VzIC5kb3BzLXBsYW4tcHJpY2Uge1xuICBtYXJnaW4tYm90dG9tOiAwO1xufVxuXG4uaml0bS1iYW5uZXJfX2FjdGlvbiAuaml0bS1iYW5uZXJfX3ByaWNlcyAuZG9wcy1wbGFuLXByaWNlLmlzLWRpc2NvdW50ZWQsXG4uaml0bS1iYW5uZXJfX2FjdGlvbiAuaml0bS1iYW5uZXJfX3ByaWNlcyAuZG9wcy1wbGFuLXByaWNlLmlzLWRpc2NvdW50ZWQgLmRvcHMtcGxhbi1wcmljZV9fY3VycmVuY3ktc3ltYm9sIHtcbiAgY29sb3I6ICM0MTQxNDE7XG59XG5cbi5oYXMtY2FsbC10by1hY3Rpb24gLmppdG0tYmFubmVyX19hY3Rpb24gLmppdG0tYmFubmVyX19wcmljZXMgLmRvcHMtcGxhbi1wcmljZSB7XG4gIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcbn1cblxuQG1lZGlhIChtaW4td2lkdGg6IDQ4MXB4KSB7XG4gIC5qaXRtLWJhbm5lcl9fYWN0aW9uIHtcbiAgICBtYXJnaW46IDAgMC4yNXJlbSAwIDAuNXJlbTtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgd2lkdGg6IGF1dG87XG4gIH1cbiAgLmppdG0tYmFubmVyX19hY3Rpb24gLmlzLWRpc21pc3NpYmxlIHtcbiAgICBtYXJnaW4tdG9wOiAyLjVyZW07XG4gIH1cbiAgLmppdG0tYmFubmVyX19hY3Rpb24gLmppdG0tYmFubmVyX19wcmljZXMge1xuICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgdGV4dC1hbGlnbjogcmlnaHQ7XG4gIH1cbn1cblxuLmppdG0tYmFubmVyX19kaXNtaXNzIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgbGluZS1oZWlnaHQ6IC41O1xufVxuXG4uaml0bS1iYW5uZXJfX2Rpc21pc3M6YmVmb3JlIHtcbiAgY29sb3I6ICM2ZjZmNmY7XG4gIGZvbnQ6IDQwMCAxNnB4LzEgZGFzaGljb25zO1xuICBjb250ZW50OiAnXFxmMTU4Jztcbn1cblxuQG1lZGlhIChtaW4td2lkdGg6IDY2MXB4KSB7XG4gIC5qaXRtLWJhbm5lcl9fZGlzbWlzcyB7XG4gICAgbWFyZ2luLXJpZ2h0OiAtMC41cmVtO1xuICB9XG59XG5cbkBtZWRpYSAobWF4LXdpZHRoOiA0ODBweCkge1xuICAuaml0bS1iYW5uZXJfX2Rpc21pc3Mge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDAuODc1cmVtO1xuICAgIHJpZ2h0OiAwLjg3NXJlbTtcbiAgfVxufVxuXG4uaml0bS1iYW5uZXJfX2FjdGlvbiArIC5qaXRtLWJhbm5lcl9fZGlzbWlzcyB7XG4gIG1hcmdpbi1sZWZ0OiAwLjYyNXJlbTtcbn1cblxuI2RvbGx5ICsgLmppdG0tY2FyZCB7XG4gIG1hcmdpbjogM3JlbSAxcmVtIDAgYXV0bztcbn1cbiJdLCJmaWxlIjoicGFja2FnZXMvaml0bS9hc3NldHMvamV0cGFjay1hZG1pbi1qaXRtLmNzcyJ9 */ diff --git a/packages/jitm/assets/jetpack-admin-jitm.min.css b/packages/jitm/assets/jetpack-admin-jitm.min.css new file mode 100644 index 000000000000..0631a4e2234c --- /dev/null +++ b/packages/jitm/assets/jetpack-admin-jitm.min.css @@ -0,0 +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 diff --git a/scss/jetpack-admin-jitm.scss b/packages/jitm/assets/jetpack-admin-jitm.scss similarity index 100% rename from scss/jetpack-admin-jitm.scss rename to packages/jitm/assets/jetpack-admin-jitm.scss diff --git a/packages/jitm/src/JITM.php b/packages/jitm/src/JITM.php index 9572cf297435..5d9fe102d142 100644 --- a/packages/jitm/src/JITM.php +++ b/packages/jitm/src/JITM.php @@ -181,7 +181,7 @@ function get_message_path() { * Function to enqueue jitm css and js */ function jitm_enqueue_files() { - $min = ''; // ( defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ) ? '' : '.min'; + $min = ( defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ) ? '' : '.min'; wp_register_style( 'jetpack-jitm-css', plugins_url( "assets/jetpack-admin-jitm{$min}.css", __DIR__ ), diff --git a/tools/builder/sass.js b/tools/builder/sass.js index a37f319eb124..938f95096271 100644 --- a/tools/builder/sass.js +++ b/tools/builder/sass.js @@ -149,14 +149,78 @@ gulp.task( } ) ); +gulp.task( 'sass:packages', function() { + return ( + gulp + .src( 'packages/**/assets/*.scss', { base: '.' } ) + .pipe( sass( { outputStyle: 'expanded' } ).on( 'error', sass.logError ) ) + .pipe( + prepend.prependText( + '/*!\n' + '* Do not modify this file directly. It is compiled SASS code.\n' + '*/\n' + ) + ) + .pipe( autoprefixer() ) + // Build *.css + .pipe( sourcemaps.init() ) + .pipe( sourcemaps.write() ) + .pipe( gulp.dest( '.' ) ) + // Build *.min.css + .pipe( cleanCSS() ) + .pipe( rename( { suffix: '.min' } ) ) + .pipe( gulp.dest( '.' ) ) + // Finished + .on( 'end', function() { + log( 'Packages SCSS now compiled' ); + } ) + ); +} ); + +gulp.task( + 'sass:packages:rtl', + gulp.series( 'sass:packages', function() { + return ( + gulp + .src( + [ + 'packages/**/assets/*.css', + '!packages/**/assets/*min.css', + '!packages/**/assets/*rtl.css', + ], + { base: '.' } + ) + .pipe( + prepend.prependText( + '/*!\n' + + '* Do not modify this file directly. It is automatically generated.\n' + + '*/\n' + ) + ) + .pipe( autoprefixer() ) + // Build *-rtl.css + .pipe( rtlcss() ) + .pipe( rename( { suffix: '-rtl' } ) ) + .pipe( gulp.dest( '.' ) ) + // Build *-rtl.min.css + .pipe( cleanCSS() ) + .pipe( rename( { suffix: '.min' } ) ) + .pipe( gulp.dest( '.' ) ) + // Finished + .on( 'end', function() { + log( 'Packages CSS are now available in RTL.' ); + } ) + ); + } ) +); + export const build = gulp.parallel( gulp.series( 'sass:dashboard', 'sass:calypsoify' ), - 'sass:old' + 'sass:old', + 'sass:packages:rtl' ); export const watch = function() { return gulp.watch( [ './**/*.scss', ...alwaysIgnoredPaths ], - gulp.parallel( 'sass:dashboard', 'sass:calypsoify', 'sass:old' ) + gulp.parallel( 'sass:dashboard', 'sass:calypsoify', 'sass:old', 'sass:packages:rtl' ) ); };