diff --git a/packages/jitm/assets/jetpack-admin-jitm.css b/packages/jitm/assets/jetpack-admin-jitm.css index ad0c8743ba04c..e69d3cbe358c1 100644 --- a/packages/jitm/assets/jetpack-admin-jitm.css +++ b/packages/jitm/assets/jetpack-admin-jitm.css @@ -33,31 +33,24 @@ https://github.com/thoughtbot/bourbon 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: 0.875rem; - line-height: 1.3125rem; - border-radius: 0.25rem; - padding: 0.4375rem 0.875rem 0.5625rem; + font-size: 14px; + border-radius: 4px; + padding: 7px 14px 9px; -webkit-appearance: none; - -moz-appearance: none; - 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; + background: #f1f1f1; + border-color: #016087; + color: #016087; } .jitm-button[disabled], .jitm-button:disabled { @@ -67,27 +60,40 @@ https://github.com/thoughtbot/bourbon 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; + background: white; + border-color: #0071a1; + box-shadow: 0 0 0 1px #0071a1; } .jitm-button.is-compact { - padding: 0.4375rem; - color: #888888; - font-size: 0.75rem; + 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-left: -4px; +} + +.jitm-button.is-compact .gridicons-plus-small:last-of-type { + margin-left: 0; +} + +.jitm-button.is-compact .gridicons-plus-small + .gridicon { + margin-left: -4px; +} + .jitm-button.hidden { display: none; } @@ -104,6 +110,10 @@ https://github.com/thoughtbot/bourbon 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; @@ -112,6 +122,7 @@ https://github.com/thoughtbot/bourbon .jitm-button.is-primary.is-compact { color: white; + white-space: nowrap; } .jitm-card { @@ -122,7 +133,7 @@ https://github.com/thoughtbot/bourbon padding: 1rem; box-sizing: border-box; background: white; - box-shadow: 0 0 0 1px rgba(213, 213, 213, 0.5), 0 1px 2px #eeeeee; + box-shadow: 0 0 0 1px #ccd0d4, 0 1px 1px 1px rgba(0, 0, 0, 0.04); } .jitm-card:after { @@ -476,4 +487,4 @@ https://github.com/thoughtbot/bourbon margin: 3rem 1rem 0 auto; } -/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlcyI6WyJwYWNrYWdlcy9qaXRtL2Fzc2V0cy9qZXRwYWNrLWFkbWluLWppdG0uY3NzIl0sInNvdXJjZXNDb250ZW50IjpbIi8qIVxuKiBEbyBub3QgbW9kaWZ5IHRoaXMgZmlsZSBkaXJlY3RseS4gIEl0IGlzIGNvbXBpbGVkIFNBU1MgY29kZS5cbiovXG5AY2hhcnNldCBcIlVURi04XCI7XG4vKlxuVGhlIE1JVCBMaWNlbnNlIChNSVQpXG5cbkNvcHlyaWdodCDCqSAyMDEx4oCTMjAxNSB0aG91Z2h0Ym90LCBpbmMuXG5cblBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHkgb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZFxuZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIOKAnFNvZnR3YXJl4oCdKSwgdG8gZGVhbCBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGVcbnJpZ2h0cyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXRcbnBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXMgZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcblxuVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW4gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbFxucG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuXG5USEUgU09GVFdBUkUgSVMgUFJPVklERUQg4oCcQVMgSVPigJ0sIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1IgSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEVcbldBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLCBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEUgQVVUSE9SUyBPUlxuQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVIgTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUlxuT1RIRVJXSVNFLCBBUklTSU5HIEZST00sIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU4gVEhFIFNPRlRXQVJFLlxuXG5odHRwczovL2dpdGh1Yi5jb20vdGhvdWdodGJvdC9ib3VyYm9uXG4qL1xuLmppdG0tYnV0dG9uIHtcbiAgYmFja2dyb3VuZDogI2YzZjVmNjtcbiAgYm9yZGVyLWNvbG9yOiAjMDA3MWExO1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBib3JkZXItd2lkdGg6IDFweDtcbiAgY29sb3I6ICMwMDcxYTE7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBtYXJnaW46IDA7XG4gIG91dGxpbmU6IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIHZlcnRpY2FsLWFsaWduOiB0b3A7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGZvbnQtc2l6ZTogMC44NzVyZW07XG4gIGxpbmUtaGVpZ2h0OiAxLjMxMjVyZW07XG4gIGJvcmRlci1yYWRpdXM6IDAuMjVyZW07XG4gIHBhZGRpbmc6IDAuNDM3NXJlbSAwLjg3NXJlbSAwLjU2MjVyZW07XG4gIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcbiAgICAgLW1vei1hcHBlYXJhbmNlOiBub25lO1xuICAgICAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG59XG5cbi5qaXRtLWJ1dHRvbjpob3ZlciB7XG4gIGJvcmRlci1jb2xvcjogI2JiYmJiYjtcbiAgY29sb3I6ICM0MTQxNDE7XG59XG5cbi5qaXRtLWJ1dHRvbjphY3RpdmUge1xuICBib3JkZXItd2lkdGg6IDJweCAxcHggMXB4O1xufVxuXG4uaml0bS1idXR0b246dmlzaXRlZCB7XG4gIGNvbG9yOiAjNDE0MTQxO1xufVxuXG4uaml0bS1idXR0b25bZGlzYWJsZWRdLCAuaml0bS1idXR0b246ZGlzYWJsZWQge1xuICBjb2xvcjogI2VlZWVlZTtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG4gIGJvcmRlci1jb2xvcjogI2VlZWVlZTtcbiAgY3Vyc29yOiBkZWZhdWx0O1xufVxuXG4uaml0bS1idXR0b25bZGlzYWJsZWRdOmFjdGl2ZSwgLmppdG0tYnV0dG9uOmRpc2FibGVkOmFjdGl2ZSB7XG4gIGJvcmRlci13aWR0aDogMXB4IDFweCAycHg7XG59XG5cbi5qaXRtLWJ1dHRvbjpmb2N1cyB7XG4gIG91dGxpbmU6IDA7XG4gIGJvcmRlci1jb2xvcjogIzAwN2NiYTtcbiAgYm94LXNoYWRvdzogMCAwIDAgMnB4ICM3OGRjZmE7XG59XG5cbi5qaXRtLWJ1dHRvbi5pcy1jb21wYWN0IHtcbiAgcGFkZGluZzogMC40Mzc1cmVtO1xuICBjb2xvcjogIzg4ODg4ODtcbiAgZm9udC1zaXplOiAwLjc1cmVtO1xuICBsaW5lLWhlaWdodDogMTtcbn1cblxuLmppdG0tYnV0dG9uLmlzLWNvbXBhY3Q6ZGlzYWJsZWQge1xuICBjb2xvcjogI2VlZWVlZTtcbn1cblxuLmppdG0tYnV0dG9uLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5qaXRtLWJ1dHRvbi5pcy1wcmltYXJ5IHtcbiAgYmFja2dyb3VuZDogIzAwN2NiYTtcbiAgYm9yZGVyLWNvbG9yOiAjMDA3Y2JhO1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5qaXRtLWJ1dHRvbi5pcy1wcmltYXJ5OmhvdmVyLCAuaml0bS1idXR0b24uaXMtcHJpbWFyeTpmb2N1cyB7XG4gIGJvcmRlci1jb2xvcjogIzAwNzFhMTtcbiAgYmFja2dyb3VuZDogIzAwNzFhMTtcbiAgY29sb3I6IHdoaXRlO1xufVxuXG4uaml0bS1idXR0b24uaXMtcHJpbWFyeVtkaXNhYmxlZF0sIC5qaXRtLWJ1dHRvbi5pcy1wcmltYXJ5OmRpc2FibGVkIHtcbiAgYmFja2dyb3VuZDogI2JjZWVmZDtcbiAgYm9yZGVyLWNvbG9yOiAjOGNjOWUyO1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5qaXRtLWJ1dHRvbi5pcy1wcmltYXJ5LmlzLWNvbXBhY3Qge1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5qaXRtLWNhcmQge1xuICBkaXNwbGF5OiBibG9jaztcbiAgY2xlYXI6IGJvdGg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWFyZ2luOiAzcmVtIDEuMjVyZW0gMCBhdXRvO1xuICBwYWRkaW5nOiAxcmVtO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgYm94LXNoYWRvdzogMCAwIDAgMXB4IHJnYmEoMjEzLCAyMTMsIDIxMywgMC41KSwgMCAxcHggMnB4ICNlZWVlZWU7XG59XG5cbi5qaXRtLWNhcmQ6YWZ0ZXIge1xuICBjb250ZW50OiBcIi5cIjtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGhlaWdodDogMDtcbiAgY2xlYXI6IGJvdGg7XG4gIHZpc2liaWxpdHk6IGhpZGRlbjtcbn1cblxuQG1lZGlhIChtaW4td2lkdGg6IDQ4MXB4KSB7XG4gIC5qaXRtLWNhcmQge1xuICAgIG1hcmdpbi1ib3R0b206IDFyZW07XG4gICAgcGFkZGluZzogMS41cmVtO1xuICB9XG59XG5cbi5qaXRtLWNhcmQuaXMtY29tcGFjdCB7XG4gIG1hcmdpbi1ib3R0b206IDAuMDYyNXJlbTtcbn1cblxuQG1lZGlhIChtaW4td2lkdGg6IDQ4MXB4KSB7XG4gIC5qaXRtLWNhcmQuaXMtY29tcGFjdCB7XG4gICAgbWFyZ2luLWJvdHRvbTogMXB4O1xuICAgIHBhZGRpbmc6IDFyZW0gMS41cmVtO1xuICB9XG59XG5cbi5qaXRtLWNhcmQuaXMtY2FyZC1saW5rIHtcbiAgcGFkZGluZy1yaWdodDogM3JlbTtcbn1cblxuI3NjcmVlbi1tZXRhLWxpbmtzICsgLmppdG0tY2FyZCB7XG4gIG1hcmdpbjogMi41cmVtIDEuNTM4NWVtIDAgYXV0bztcbn1cblxuI2RvbGx5ICsgLmppdG0tY2FyZCB7XG4gIG1hcmdpbjogM3JlbSAxcmVtIDAgYXV0bztcbn1cblxuLnBvc3QtcGhwIC5qaXRtLWNhcmQge1xuICBtYXJnaW4tcmlnaHQ6IDA7XG59XG5cbi5qcC1sb3dlciAuaml0bS1jYXJkIHtcbiAgbWFyZ2luOiAwIDAgMS41cmVtO1xufVxuXG4uaml0bS1iYW5uZXIuaml0bS1jYXJkIHtcbiAgYm9yZGVyLWxlZnQ6IDRweCBzb2xpZDtcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogMC43NXJlbSAwLjM3NXJlbSAwLjc1cmVtIDAuNzVyZW07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgei1pbmRleDogMjtcbiAgYm9yZGVyLWxlZnQtY29sb3I6ICM0YWI4NjY7XG59XG5cbkBtZWRpYSAobWF4LXdpZHRoOiA0ODBweCkge1xuICAuaml0bS1iYW5uZXIuaml0bS1jYXJkIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxufVxuXG4uaml0bS1iYW5uZXIuaml0bS1jYXJkLmlzLWNhcmQtbGluayB7XG4gIHBhZGRpbmc6IDAuNzVyZW0gM3JlbSAwLjc1cmVtIDFyZW07XG59XG5cbi5qaXRtLWJhbm5lci5qaXRtLWNhcmQuaXMtZGlzbWlzc2libGUge1xuICBwYWRkaW5nLXJpZ2h0OiAzcmVtO1xufVxuXG4uaml0bS1iYW5uZXIuaml0bS1jYXJkIC5qaXRtLWJhbm5lcl9faWNvbiB7XG4gIGNvbG9yOiAjNGFiODY2O1xufVxuXG4uaml0bS1iYW5uZXIuaml0bS1jYXJkIC5qaXRtLWJhbm5lcl9faWNvbi1jaXJjbGUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjNGFiODY2O1xufVxuXG4uaml0bS1iYW5uZXIuaml0bS1jYXJkLmlzLXVwZ3JhZGUtcGVyc29uYWwge1xuICBib3JkZXItbGVmdC1jb2xvcjogI2YwYjg0OTtcbn1cblxuLmppdG0tYmFubmVyLmppdG0tY2FyZC5pcy11cGdyYWRlLXBlcnNvbmFsIC5qaXRtLWJhbm5lcl9faWNvbiB7XG4gIGNvbG9yOiAjZjBiODQ5O1xufVxuXG4uaml0bS1iYW5uZXIuaml0bS1jYXJkLmlzLXVwZ3JhZGUtcGVyc29uYWwgLmppdG0tYmFubmVyX19pY29uLWNpcmNsZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmMGI4NDk7XG59XG5cbi5qaXRtLWJhbm5lci5qaXRtLWNhcmQuaXMtdXBncmFkZS1wcmVtaXVtIHtcbiAgYm9yZGVyLWxlZnQtY29sb3I6ICM0YWI4NjY7XG59XG5cbi5qaXRtLWJhbm5lci5qaXRtLWNhcmQuaXMtdXBncmFkZS1wcmVtaXVtIC5qaXRtLWJhbm5lcl9faWNvbiB7XG4gIGNvbG9yOiAjNGFiODY2O1xufVxuXG4uaml0bS1iYW5uZXIuaml0bS1jYXJkLmlzLXVwZ3JhZGUtcHJlbWl1bSAuaml0bS1iYW5uZXJfX2ljb24tY2lyY2xlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzRhYjg2Njtcbn1cblxuLmppdG0tYmFubmVyLmppdG0tY2FyZC5pcy11cGdyYWRlLWJ1c2luZXNzLCAuaml0bS1iYW5uZXIuaml0bS1jYXJkLndvby1qaXRtIHtcbiAgYm9yZGVyLWxlZnQtY29sb3I6ICM4NTVEQTY7XG59XG5cbi5qaXRtLWJhbm5lci5qaXRtLWNhcmQuaXMtdXBncmFkZS1idXNpbmVzcyAuaml0bS1iYW5uZXJfX2ljb24sIC5qaXRtLWJhbm5lci5qaXRtLWNhcmQud29vLWppdG0gLmppdG0tYmFubmVyX19pY29uIHtcbiAgY29sb3I6ICM4NTVEQTY7XG59XG5cbi5qaXRtLWJhbm5lci5qaXRtLWNhcmQuaXMtdXBncmFkZS1idXNpbmVzcyAuaml0bS1iYW5uZXJfX2ljb24tY2lyY2xlLCAuaml0bS1iYW5uZXIuaml0bS1jYXJkLndvby1qaXRtIC5qaXRtLWJhbm5lcl9faWNvbi1jaXJjbGUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjODU1REE2O1xufVxuXG4uaml0bS1iYW5uZXIuaml0bS1jYXJkIC5qaXRtLWNhcmRfX2xpbmstaW5kaWNhdG9yIHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICMwMDg3YmU7XG4gIGRpc3BsYXk6IGZsZXg7XG59XG5cbi5qaXRtLWJhbm5lci5qaXRtLWNhcmQ6aG92ZXIge1xuICB0cmFuc2l0aW9uOiBhbGwgMTAwbXMgZWFzZS1pbi1vdXQ7XG59XG5cbi5qaXRtLWJhbm5lci5qaXRtLWNhcmQ6aG92ZXIuaXMtY2FyZC1saW5rIHtcbiAgYm94LXNoYWRvdzogMCAwIDAgMXB4ICNhMmEyYTIsIDAgMnB4IDRweCAjZDVkNWQ1O1xufVxuXG4uaml0bS1iYW5uZXIuaml0bS1jYXJkOmhvdmVyIC5qaXRtLWNhcmRfX2xpbmstaW5kaWNhdG9yIHtcbiAgY29sb3I6ICMwMDUwODI7XG59XG5cbkBtZWRpYSAobWluLXdpZHRoOiA0ODFweCkge1xuICAuaml0bS1iYW5uZXIuaml0bS1jYXJkIHtcbiAgICBwYWRkaW5nOiAwLjc1cmVtIDFyZW07XG4gIH1cbiAgLmppdG0tYmFubmVyLmppdG0tY2FyZC5pcy1kaXNtaXNzaWJsZSB7XG4gICAgcGFkZGluZy1yaWdodDogMXJlbTtcbiAgfVxufVxuXG4uaml0bS1iYW5uZXJfX2ljb25zIHtcbiAgZGlzcGxheTogZmxleDtcbn1cblxuLmppdG0tYmFubmVyX19pY29ucyAuaml0bS1iYW5uZXJfX2ljb24sXG4uaml0bS1iYW5uZXJfX2ljb25zIC5qaXRtLWJhbm5lcl9faWNvbi1jaXJjbGUge1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBoZWlnaHQ6IDEuNXJlbTtcbiAgd2lkdGg6IDEuNXJlbTtcbiAgbWFyZ2luLXJpZ2h0OiAxcmVtO1xuICBtYXJnaW4tdG9wOiAtMC4xMjVyZW07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgdG9wOiAwLjI1cmVtO1xufVxuXG4uaml0bS1iYW5uZXJfX2ljb25zIC5qaXRtLWJhbm5lcl9faWNvbiB7XG4gIGFsaWduLXNlbGY6IGNlbnRlcjtcbiAgY29sb3I6IHdoaXRlO1xuICBkaXNwbGF5OiBibG9jaztcbn1cblxuLmppdG0tYmFubmVyX19pY29ucyAuaml0bS1iYW5uZXJfX2ljb24tY2lyY2xlIHtcbiAgY29sb3I6IHdoaXRlO1xuICBkaXNwbGF5OiBub25lO1xuICBwYWRkaW5nOiAwLjE4NzVyZW0gMC4yNXJlbSAwLjI1cmVtIDAuMTg3NXJlbTtcbn1cblxuQG1lZGlhIChtaW4td2lkdGg6IDQ4MXB4KSB7XG4gIC5qaXRtLWJhbm5lcl9faWNvbnMge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIH1cbiAgLmppdG0tYmFubmVyX19pY29ucyAuaml0bS1iYW5uZXJfX2ljb24ge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbiAgLmppdG0tYmFubmVyX19pY29ucyAuaml0bS1iYW5uZXJfX2ljb24tY2lyY2xlIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxufVxuXG4uaml0bS1iYW5uZXJfX2ljb24tcGxhbiB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1hcmdpbi1yaWdodDogMXJlbTtcbn1cblxuLmppdG0tYmFubmVyX19pY29uLXBsYW4gLmRvcHMtcGxhbi1pY29uIHtcbiAgaGVpZ2h0OiAycmVtO1xuICB3aWR0aDogMnJlbTtcbn1cblxuLmppdG0tYmFubmVyX19pY29uLXBsYW4gLmpwLWVtYmxlbSB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgdG9wOiAwLjEyNXJlbTtcbn1cblxuQG1lZGlhIChtYXgtd2lkdGg6IDQ4MHB4KSB7XG4gIC5qaXRtLWJhbm5lcl9faWNvbi1wbGFuIC5qcC1lbWJsZW0ge1xuICAgIG1hcmdpbi1ib3R0b206IDAuNzVyZW07XG4gIH1cbn1cblxuLmppdG0tYmFubmVyX19pY29uLXBsYW4gLmpwLWVtYmxlbSBzdmcge1xuICBoZWlnaHQ6IDJyZW07XG4gIHdpZHRoOiAycmVtO1xuICBmaWxsOiAjMDBCRTI4O1xufVxuXG5AbWVkaWEgKG1pbi13aWR0aDogNDgxcHgpIHtcbiAgLmppdG0tYmFubmVyX19pY29uLXBsYW4ge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIH1cbn1cblxuLmppdG0tYmFubmVyX19jb250ZW50IHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1ncm93OiAxO1xuICBmbGV4LXdyYXA6IHdyYXA7XG59XG5cbkBtZWRpYSAobWluLXdpZHRoOiA0ODFweCkge1xuICAuaml0bS1iYW5uZXJfX2NvbnRlbnQge1xuICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICB9XG59XG5cbi5qaXRtLWJhbm5lcl9faW5mbyB7XG4gIGZsZXgtZ3JvdzogMTtcbiAgbGluZS1oZWlnaHQ6IDEuNDtcbn1cblxuQG1lZGlhIChtaW4td2lkdGg6IDQ4MXB4KSB7XG4gIC5qaXRtLWJhbm5lcl9faW5mbyB7XG4gICAgZmxleC1iYXNpczogNTAlO1xuICB9XG59XG5cbkBtZWRpYSAobWluLXdpZHRoOiA5NjFweCkge1xuICAuaml0bS1iYW5uZXJfX2luZm8ge1xuICAgIGZsZXgtYmFzaXM6IDcwJTtcbiAgfVxufVxuXG4uaml0bS1iYW5uZXJfX2luZm8gLmppdG0tYmFubmVyX190aXRsZSxcbi5qaXRtLWJhbm5lcl9faW5mbyAuaml0bS1iYW5uZXJfX2Rlc2NyaXB0aW9uIHtcbiAgY29sb3I6ICM0MTQxNDE7XG59XG5cbi5qaXRtLWJhbm5lcl9faW5mbyAuaml0bS1iYW5uZXJfX3RpdGxlIHtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBmb250LXdlaWdodDogNTAwO1xufVxuXG4uaml0bS1iYW5uZXJfX2luZm8gLmppdG0tYmFubmVyX19kZXNjcmlwdGlvbiB7XG4gIGZvbnQtc2l6ZTogMC43NXJlbTtcbiAgbGluZS1oZWlnaHQ6IDEuNTtcbiAgbWFyZ2luLXRvcDogMC4zNzVyZW07XG59XG5cbi5qaXRtLWJhbm5lcl9faW5mbyAuYmFubmVyX19saXN0IHtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBsaXN0LXN0eWxlOiBub25lO1xuICBtYXJnaW46IDEwcHggMDtcbn1cblxuLmppdG0tYmFubmVyX19pbmZvIC5iYW5uZXJfX2xpc3QgbGkge1xuICBtYXJnaW46IDZweCAwO1xufVxuXG4uaml0bS1iYW5uZXJfX2luZm8gLmJhbm5lcl9fbGlzdCBsaSAuZ3JpZGljb24ge1xuICBmaWxsOiAjYTJhMmEyO1xuICBkaXNwbGF5OiBpbmxpbmU7XG4gIG1hcmdpbi1yaWdodDogMTJweDtcbiAgdmVydGljYWwtYWxpZ246IGJvdHRvbTtcbn1cblxuLmppdG0tYmFubmVyX19hY3Rpb24ge1xuICBhbGlnbi1zZWxmOiBjZW50ZXI7XG4gIGZvbnQtc2l6ZTogMC43NXJlbTtcbiAgbWFyZ2luOiAwLjVyZW0gMCAwO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICB3aWR0aDogMTAwJTtcbn1cblxuLmppdG0tYmFubmVyX19hY3Rpb24gLmppdG0tYmFubmVyX19wcmljZXMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG59XG5cbi5qaXRtLWJhbm5lcl9fYWN0aW9uIC5qaXRtLWJhbm5lcl9fcHJpY2VzIC5kb3BzLXBsYW4tcHJpY2Uge1xuICBtYXJnaW4tYm90dG9tOiAwO1xufVxuXG4uaml0bS1iYW5uZXJfX2FjdGlvbiAuaml0bS1iYW5uZXJfX3ByaWNlcyAuZG9wcy1wbGFuLXByaWNlLmlzLWRpc2NvdW50ZWQsXG4uaml0bS1iYW5uZXJfX2FjdGlvbiAuaml0bS1iYW5uZXJfX3ByaWNlcyAuZG9wcy1wbGFuLXByaWNlLmlzLWRpc2NvdW50ZWQgLmRvcHMtcGxhbi1wcmljZV9fY3VycmVuY3ktc3ltYm9sIHtcbiAgY29sb3I6ICM0MTQxNDE7XG59XG5cbi5oYXMtY2FsbC10by1hY3Rpb24gLmppdG0tYmFubmVyX19hY3Rpb24gLmppdG0tYmFubmVyX19wcmljZXMgLmRvcHMtcGxhbi1wcmljZSB7XG4gIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcbn1cblxuQG1lZGlhIChtaW4td2lkdGg6IDQ4MXB4KSB7XG4gIC5qaXRtLWJhbm5lcl9fYWN0aW9uIHtcbiAgICBtYXJnaW46IDAgMC4yNXJlbSAwIDAuNXJlbTtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgd2lkdGg6IGF1dG87XG4gIH1cbiAgLmppdG0tYmFubmVyX19hY3Rpb24gLmlzLWRpc21pc3NpYmxlIHtcbiAgICBtYXJnaW4tdG9wOiAyLjVyZW07XG4gIH1cbiAgLmppdG0tYmFubmVyX19hY3Rpb24gLmppdG0tYmFubmVyX19wcmljZXMge1xuICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgdGV4dC1hbGlnbjogcmlnaHQ7XG4gIH1cbn1cblxuLmppdG0tYmFubmVyX19kaXNtaXNzIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgbGluZS1oZWlnaHQ6IC41O1xufVxuXG4uaml0bS1iYW5uZXJfX2Rpc21pc3M6YmVmb3JlIHtcbiAgY29sb3I6ICM2ZjZmNmY7XG4gIGZvbnQ6IDQwMCAxNnB4LzEgZGFzaGljb25zO1xuICBjb250ZW50OiAnXFxmMTU4Jztcbn1cblxuQG1lZGlhIChtaW4td2lkdGg6IDY2MXB4KSB7XG4gIC5qaXRtLWJhbm5lcl9fZGlzbWlzcyB7XG4gICAgbWFyZ2luLXJpZ2h0OiAtMC41cmVtO1xuICB9XG59XG5cbkBtZWRpYSAobWF4LXdpZHRoOiA0ODBweCkge1xuICAuaml0bS1iYW5uZXJfX2Rpc21pc3Mge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDAuODc1cmVtO1xuICAgIHJpZ2h0OiAwLjg3NXJlbTtcbiAgfVxufVxuXG4uaml0bS1iYW5uZXJfX2FjdGlvbiArIC5qaXRtLWJhbm5lcl9fZGlzbWlzcyB7XG4gIG1hcmdpbi1sZWZ0OiAwLjYyNXJlbTtcbn1cblxuI2RvbGx5ICsgLmppdG0tY2FyZCB7XG4gIG1hcmdpbjogM3JlbSAxcmVtIDAgYXV0bztcbn1cbiJdLCJmaWxlIjoicGFja2FnZXMvaml0bS9hc3NldHMvamV0cGFjay1hZG1pbi1qaXRtLmNzcyJ9 */ +/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlcyI6WyJwYWNrYWdlcy9qaXRtL2Fzc2V0cy9qZXRwYWNrLWFkbWluLWppdG0uY3NzIl0sInNvdXJjZXNDb250ZW50IjpbIi8qIVxuKiBEbyBub3QgbW9kaWZ5IHRoaXMgZmlsZSBkaXJlY3RseS4gIEl0IGlzIGNvbXBpbGVkIFNBU1MgY29kZS5cbiovXG5AY2hhcnNldCBcIlVURi04XCI7XG4vKlxuVGhlIE1JVCBMaWNlbnNlIChNSVQpXG5cbkNvcHlyaWdodCDCqSAyMDEx4oCTMjAxNSB0aG91Z2h0Ym90LCBpbmMuXG5cblBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHkgb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZFxuZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIOKAnFNvZnR3YXJl4oCdKSwgdG8gZGVhbCBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGVcbnJpZ2h0cyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXRcbnBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXMgZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcblxuVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW4gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbFxucG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuXG5USEUgU09GVFdBUkUgSVMgUFJPVklERUQg4oCcQVMgSVPigJ0sIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1IgSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEVcbldBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLCBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEUgQVVUSE9SUyBPUlxuQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVIgTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUlxuT1RIRVJXSVNFLCBBUklTSU5HIEZST00sIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU4gVEhFIFNPRlRXQVJFLlxuXG5odHRwczovL2dpdGh1Yi5jb20vdGhvdWdodGJvdC9ib3VyYm9uXG4qL1xuLmppdG0tYnV0dG9uIHtcbiAgYmFja2dyb3VuZDogI2YzZjVmNjtcbiAgYm9yZGVyLWNvbG9yOiAjMDA3MWExO1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBib3JkZXItd2lkdGg6IDFweDtcbiAgY29sb3I6ICMwMDcxYTE7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBtYXJnaW46IDA7XG4gIG91dGxpbmU6IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgdmVydGljYWwtYWxpZ246IHRvcDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIHBhZGRpbmc6IDdweCAxNHB4IDlweDtcbiAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICAtbW96LWFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICAgYXBwZWFyYW5jZTogbm9uZTtcbn1cblxuLmppdG0tYnV0dG9uOmhvdmVyIHtcbiAgYmFja2dyb3VuZDogI2YxZjFmMTtcbiAgYm9yZGVyLWNvbG9yOiAjMDE2MDg3O1xuICBjb2xvcjogIzAxNjA4Nztcbn1cblxuLmppdG0tYnV0dG9uW2Rpc2FibGVkXSwgLmppdG0tYnV0dG9uOmRpc2FibGVkIHtcbiAgY29sb3I6ICNlZWVlZWU7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBib3JkZXItY29sb3I6ICNlZWVlZWU7XG4gIGN1cnNvcjogZGVmYXVsdDtcbn1cblxuLmppdG0tYnV0dG9uOmZvY3VzIHtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG4gIGJvcmRlci1jb2xvcjogIzAwNzFhMTtcbiAgYm94LXNoYWRvdzogMCAwIDAgMXB4ICMwMDcxYTE7XG59XG5cbi5qaXRtLWJ1dHRvbi5pcy1jb21wYWN0IHtcbiAgcGFkZGluZzogN3B4O1xuICBmb250LXNpemU6IDExcHg7XG4gIGxpbmUtaGVpZ2h0OiAxO1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xufVxuXG4uaml0bS1idXR0b24uaXMtY29tcGFjdDpkaXNhYmxlZCB7XG4gIGNvbG9yOiAjZWVlZWVlO1xufVxuXG4uaml0bS1idXR0b24uaXMtY29tcGFjdCAuZ3JpZGljb24ge1xuICB0b3A6IDRweDtcbiAgbWFyZ2luLXRvcDogLThweDtcbn1cblxuLmppdG0tYnV0dG9uLmlzLWNvbXBhY3QgLmdyaWRpY29ucy1wbHVzLXNtYWxsIHtcbiAgbWFyZ2luLWxlZnQ6IC00cHg7XG59XG5cbi5qaXRtLWJ1dHRvbi5pcy1jb21wYWN0IC5ncmlkaWNvbnMtcGx1cy1zbWFsbDpsYXN0LW9mLXR5cGUge1xuICBtYXJnaW4tbGVmdDogMDtcbn1cblxuLmppdG0tYnV0dG9uLmlzLWNvbXBhY3QgLmdyaWRpY29ucy1wbHVzLXNtYWxsICsgLmdyaWRpY29uIHtcbiAgbWFyZ2luLWxlZnQ6IC00cHg7XG59XG5cbi5qaXRtLWJ1dHRvbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uaml0bS1idXR0b24uaXMtcHJpbWFyeSB7XG4gIGJhY2tncm91bmQ6ICMwMDdjYmE7XG4gIGJvcmRlci1jb2xvcjogIzAwN2NiYTtcbiAgY29sb3I6IHdoaXRlO1xufVxuXG4uaml0bS1idXR0b24uaXMtcHJpbWFyeTpob3ZlciwgLmppdG0tYnV0dG9uLmlzLXByaW1hcnk6Zm9jdXMge1xuICBib3JkZXItY29sb3I6ICMwMDcxYTE7XG4gIGJhY2tncm91bmQ6ICMwMDcxYTE7XG4gIGNvbG9yOiB3aGl0ZTtcbn1cblxuLmppdG0tYnV0dG9uLmlzLXByaW1hcnk6Zm9jdXMge1xuICBib3gtc2hhZG93OiAwIDAgMCAxcHggd2hpdGUsIDAgMCAwIDNweCAjMDA3MWExO1xufVxuXG4uaml0bS1idXR0b24uaXMtcHJpbWFyeVtkaXNhYmxlZF0sIC5qaXRtLWJ1dHRvbi5pcy1wcmltYXJ5OmRpc2FibGVkIHtcbiAgYmFja2dyb3VuZDogI2JjZWVmZDtcbiAgYm9yZGVyLWNvbG9yOiAjOGNjOWUyO1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5qaXRtLWJ1dHRvbi5pcy1wcmltYXJ5LmlzLWNvbXBhY3Qge1xuICBjb2xvcjogd2hpdGU7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG59XG5cbi5qaXRtLWNhcmQge1xuICBkaXNwbGF5OiBibG9jaztcbiAgY2xlYXI6IGJvdGg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWFyZ2luOiAzcmVtIDEuMjVyZW0gMCBhdXRvO1xuICBwYWRkaW5nOiAxcmVtO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgYm94LXNoYWRvdzogMCAwIDAgMXB4ICNjY2QwZDQsIDAgMXB4IDFweCAxcHggcmdiYSgwLCAwLCAwLCAwLjA0KTtcbn1cblxuLmppdG0tY2FyZDphZnRlciB7XG4gIGNvbnRlbnQ6IFwiLlwiO1xuICBkaXNwbGF5OiBibG9jaztcbiAgaGVpZ2h0OiAwO1xuICBjbGVhcjogYm90aDtcbiAgdmlzaWJpbGl0eTogaGlkZGVuO1xufVxuXG5AbWVkaWEgKG1pbi13aWR0aDogNDgxcHgpIHtcbiAgLmppdG0tY2FyZCB7XG4gICAgbWFyZ2luLWJvdHRvbTogMXJlbTtcbiAgICBwYWRkaW5nOiAxLjVyZW07XG4gIH1cbn1cblxuLmppdG0tY2FyZC5pcy1jb21wYWN0IHtcbiAgbWFyZ2luLWJvdHRvbTogMC4wNjI1cmVtO1xufVxuXG5AbWVkaWEgKG1pbi13aWR0aDogNDgxcHgpIHtcbiAgLmppdG0tY2FyZC5pcy1jb21wYWN0IHtcbiAgICBtYXJnaW4tYm90dG9tOiAxcHg7XG4gICAgcGFkZGluZzogMXJlbSAxLjVyZW07XG4gIH1cbn1cblxuLmppdG0tY2FyZC5pcy1jYXJkLWxpbmsge1xuICBwYWRkaW5nLXJpZ2h0OiAzcmVtO1xufVxuXG4jc2NyZWVuLW1ldGEtbGlua3MgKyAuaml0bS1jYXJkIHtcbiAgbWFyZ2luOiAyLjVyZW0gMS41Mzg1ZW0gMCBhdXRvO1xufVxuXG4jZG9sbHkgKyAuaml0bS1jYXJkIHtcbiAgbWFyZ2luOiAzcmVtIDFyZW0gMCBhdXRvO1xufVxuXG4ucG9zdC1waHAgLmppdG0tY2FyZCB7XG4gIG1hcmdpbi1yaWdodDogMDtcbn1cblxuLmpwLWxvd2VyIC5qaXRtLWNhcmQge1xuICBtYXJnaW46IDAgMCAxLjVyZW07XG59XG5cbi5qaXRtLWJhbm5lci5qaXRtLWNhcmQge1xuICBib3JkZXItbGVmdDogNHB4IHNvbGlkO1xuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nOiAwLjc1cmVtIDAuMzc1cmVtIDAuNzVyZW0gMC43NXJlbTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB6LWluZGV4OiAyO1xuICBib3JkZXItbGVmdC1jb2xvcjogIzRhYjg2Njtcbn1cblxuQG1lZGlhIChtYXgtd2lkdGg6IDQ4MHB4KSB7XG4gIC5qaXRtLWJhbm5lci5qaXRtLWNhcmQge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICB9XG59XG5cbi5qaXRtLWJhbm5lci5qaXRtLWNhcmQuaXMtY2FyZC1saW5rIHtcbiAgcGFkZGluZzogMC43NXJlbSAzcmVtIDAuNzVyZW0gMXJlbTtcbn1cblxuLmppdG0tYmFubmVyLmppdG0tY2FyZC5pcy1kaXNtaXNzaWJsZSB7XG4gIHBhZGRpbmctcmlnaHQ6IDNyZW07XG59XG5cbi5qaXRtLWJhbm5lci5qaXRtLWNhcmQgLmppdG0tYmFubmVyX19pY29uIHtcbiAgY29sb3I6ICM0YWI4NjY7XG59XG5cbi5qaXRtLWJhbm5lci5qaXRtLWNhcmQgLmppdG0tYmFubmVyX19pY29uLWNpcmNsZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICM0YWI4NjY7XG59XG5cbi5qaXRtLWJhbm5lci5qaXRtLWNhcmQuaXMtdXBncmFkZS1wZXJzb25hbCB7XG4gIGJvcmRlci1sZWZ0LWNvbG9yOiAjZjBiODQ5O1xufVxuXG4uaml0bS1iYW5uZXIuaml0bS1jYXJkLmlzLXVwZ3JhZGUtcGVyc29uYWwgLmppdG0tYmFubmVyX19pY29uIHtcbiAgY29sb3I6ICNmMGI4NDk7XG59XG5cbi5qaXRtLWJhbm5lci5qaXRtLWNhcmQuaXMtdXBncmFkZS1wZXJzb25hbCAuaml0bS1iYW5uZXJfX2ljb24tY2lyY2xlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2YwYjg0OTtcbn1cblxuLmppdG0tYmFubmVyLmppdG0tY2FyZC5pcy11cGdyYWRlLXByZW1pdW0ge1xuICBib3JkZXItbGVmdC1jb2xvcjogIzRhYjg2Njtcbn1cblxuLmppdG0tYmFubmVyLmppdG0tY2FyZC5pcy11cGdyYWRlLXByZW1pdW0gLmppdG0tYmFubmVyX19pY29uIHtcbiAgY29sb3I6ICM0YWI4NjY7XG59XG5cbi5qaXRtLWJhbm5lci5qaXRtLWNhcmQuaXMtdXBncmFkZS1wcmVtaXVtIC5qaXRtLWJhbm5lcl9faWNvbi1jaXJjbGUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjNGFiODY2O1xufVxuXG4uaml0bS1iYW5uZXIuaml0bS1jYXJkLmlzLXVwZ3JhZGUtYnVzaW5lc3MsIC5qaXRtLWJhbm5lci5qaXRtLWNhcmQud29vLWppdG0ge1xuICBib3JkZXItbGVmdC1jb2xvcjogIzg1NURBNjtcbn1cblxuLmppdG0tYmFubmVyLmppdG0tY2FyZC5pcy11cGdyYWRlLWJ1c2luZXNzIC5qaXRtLWJhbm5lcl9faWNvbiwgLmppdG0tYmFubmVyLmppdG0tY2FyZC53b28taml0bSAuaml0bS1iYW5uZXJfX2ljb24ge1xuICBjb2xvcjogIzg1NURBNjtcbn1cblxuLmppdG0tYmFubmVyLmppdG0tY2FyZC5pcy11cGdyYWRlLWJ1c2luZXNzIC5qaXRtLWJhbm5lcl9faWNvbi1jaXJjbGUsIC5qaXRtLWJhbm5lci5qaXRtLWNhcmQud29vLWppdG0gLmppdG0tYmFubmVyX19pY29uLWNpcmNsZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICM4NTVEQTY7XG59XG5cbi5qaXRtLWJhbm5lci5qaXRtLWNhcmQgLmppdG0tY2FyZF9fbGluay1pbmRpY2F0b3Ige1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjb2xvcjogIzAwODdiZTtcbiAgZGlzcGxheTogZmxleDtcbn1cblxuLmppdG0tYmFubmVyLmppdG0tY2FyZDpob3ZlciB7XG4gIHRyYW5zaXRpb246IGFsbCAxMDBtcyBlYXNlLWluLW91dDtcbn1cblxuLmppdG0tYmFubmVyLmppdG0tY2FyZDpob3Zlci5pcy1jYXJkLWxpbmsge1xuICBib3gtc2hhZG93OiAwIDAgMCAxcHggI2EyYTJhMiwgMCAycHggNHB4ICNkNWQ1ZDU7XG59XG5cbi5qaXRtLWJhbm5lci5qaXRtLWNhcmQ6aG92ZXIgLmppdG0tY2FyZF9fbGluay1pbmRpY2F0b3Ige1xuICBjb2xvcjogIzAwNTA4Mjtcbn1cblxuQG1lZGlhIChtaW4td2lkdGg6IDQ4MXB4KSB7XG4gIC5qaXRtLWJhbm5lci5qaXRtLWNhcmQge1xuICAgIHBhZGRpbmc6IDAuNzVyZW0gMXJlbTtcbiAgfVxuICAuaml0bS1iYW5uZXIuaml0bS1jYXJkLmlzLWRpc21pc3NpYmxlIHtcbiAgICBwYWRkaW5nLXJpZ2h0OiAxcmVtO1xuICB9XG59XG5cbi5qaXRtLWJhbm5lcl9faWNvbnMge1xuICBkaXNwbGF5OiBmbGV4O1xufVxuXG4uaml0bS1iYW5uZXJfX2ljb25zIC5qaXRtLWJhbm5lcl9faWNvbixcbi5qaXRtLWJhbm5lcl9faWNvbnMgLmppdG0tYmFubmVyX19pY29uLWNpcmNsZSB7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgZmxleC1zaHJpbms6IDA7XG4gIGhlaWdodDogMS41cmVtO1xuICB3aWR0aDogMS41cmVtO1xuICBtYXJnaW4tcmlnaHQ6IDFyZW07XG4gIG1hcmdpbi10b3A6IC0wLjEyNXJlbTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB0b3A6IDAuMjVyZW07XG59XG5cbi5qaXRtLWJhbm5lcl9faWNvbnMgLmppdG0tYmFubmVyX19pY29uIHtcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xuICBjb2xvcjogd2hpdGU7XG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuXG4uaml0bS1iYW5uZXJfX2ljb25zIC5qaXRtLWJhbm5lcl9faWNvbi1jaXJjbGUge1xuICBjb2xvcjogd2hpdGU7XG4gIGRpc3BsYXk6IG5vbmU7XG4gIHBhZGRpbmc6IDAuMTg3NXJlbSAwLjI1cmVtIDAuMjVyZW0gMC4xODc1cmVtO1xufVxuXG5AbWVkaWEgKG1pbi13aWR0aDogNDgxcHgpIHtcbiAgLmppdG0tYmFubmVyX19pY29ucyB7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgfVxuICAuaml0bS1iYW5uZXJfX2ljb25zIC5qaXRtLWJhbm5lcl9faWNvbiB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuICAuaml0bS1iYW5uZXJfX2ljb25zIC5qaXRtLWJhbm5lcl9faWNvbi1jaXJjbGUge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICB9XG59XG5cbi5qaXRtLWJhbm5lcl9faWNvbi1wbGFuIHtcbiAgZGlzcGxheTogZmxleDtcbiAgbWFyZ2luLXJpZ2h0OiAxcmVtO1xufVxuXG4uaml0bS1iYW5uZXJfX2ljb24tcGxhbiAuZG9wcy1wbGFuLWljb24ge1xuICBoZWlnaHQ6IDJyZW07XG4gIHdpZHRoOiAycmVtO1xufVxuXG4uaml0bS1iYW5uZXJfX2ljb24tcGxhbiAuanAtZW1ibGVtIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB0b3A6IDAuMTI1cmVtO1xufVxuXG5AbWVkaWEgKG1heC13aWR0aDogNDgwcHgpIHtcbiAgLmppdG0tYmFubmVyX19pY29uLXBsYW4gLmpwLWVtYmxlbSB7XG4gICAgbWFyZ2luLWJvdHRvbTogMC43NXJlbTtcbiAgfVxufVxuXG4uaml0bS1iYW5uZXJfX2ljb24tcGxhbiAuanAtZW1ibGVtIHN2ZyB7XG4gIGhlaWdodDogMnJlbTtcbiAgd2lkdGg6IDJyZW07XG4gIGZpbGw6ICMwMEJFMjg7XG59XG5cbkBtZWRpYSAobWluLXdpZHRoOiA0ODFweCkge1xuICAuaml0bS1iYW5uZXJfX2ljb24tcGxhbiB7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgfVxufVxuXG4uaml0bS1iYW5uZXJfX2NvbnRlbnQge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWdyb3c6IDE7XG4gIGZsZXgtd3JhcDogd3JhcDtcbn1cblxuQG1lZGlhIChtaW4td2lkdGg6IDQ4MXB4KSB7XG4gIC5qaXRtLWJhbm5lcl9fY29udGVudCB7XG4gICAgZmxleC13cmFwOiBub3dyYXA7XG4gIH1cbn1cblxuLmppdG0tYmFubmVyX19pbmZvIHtcbiAgZmxleC1ncm93OiAxO1xuICBsaW5lLWhlaWdodDogMS40O1xufVxuXG5AbWVkaWEgKG1pbi13aWR0aDogNDgxcHgpIHtcbiAgLmppdG0tYmFubmVyX19pbmZvIHtcbiAgICBmbGV4LWJhc2lzOiA1MCU7XG4gIH1cbn1cblxuQG1lZGlhIChtaW4td2lkdGg6IDk2MXB4KSB7XG4gIC5qaXRtLWJhbm5lcl9faW5mbyB7XG4gICAgZmxleC1iYXNpczogNzAlO1xuICB9XG59XG5cbi5qaXRtLWJhbm5lcl9faW5mbyAuaml0bS1iYW5uZXJfX3RpdGxlLFxuLmppdG0tYmFubmVyX19pbmZvIC5qaXRtLWJhbm5lcl9fZGVzY3JpcHRpb24ge1xuICBjb2xvcjogIzQxNDE0MTtcbn1cblxuLmppdG0tYmFubmVyX19pbmZvIC5qaXRtLWJhbm5lcl9fdGl0bGUge1xuICBmb250LXNpemU6IDE0cHg7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbi5qaXRtLWJhbm5lcl9faW5mbyAuaml0bS1iYW5uZXJfX2Rlc2NyaXB0aW9uIHtcbiAgZm9udC1zaXplOiAwLjc1cmVtO1xuICBsaW5lLWhlaWdodDogMS41O1xuICBtYXJnaW4tdG9wOiAwLjM3NXJlbTtcbn1cblxuLmppdG0tYmFubmVyX19pbmZvIC5iYW5uZXJfX2xpc3Qge1xuICBmb250LXNpemU6IDEycHg7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIG1hcmdpbjogMTBweCAwO1xufVxuXG4uaml0bS1iYW5uZXJfX2luZm8gLmJhbm5lcl9fbGlzdCBsaSB7XG4gIG1hcmdpbjogNnB4IDA7XG59XG5cbi5qaXRtLWJhbm5lcl9faW5mbyAuYmFubmVyX19saXN0IGxpIC5ncmlkaWNvbiB7XG4gIGZpbGw6ICNhMmEyYTI7XG4gIGRpc3BsYXk6IGlubGluZTtcbiAgbWFyZ2luLXJpZ2h0OiAxMnB4O1xuICB2ZXJ0aWNhbC1hbGlnbjogYm90dG9tO1xufVxuXG4uaml0bS1iYW5uZXJfX2FjdGlvbiB7XG4gIGFsaWduLXNlbGY6IGNlbnRlcjtcbiAgZm9udC1zaXplOiAwLjc1cmVtO1xuICBtYXJnaW46IDAuNXJlbSAwIDA7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uaml0bS1iYW5uZXJfX2FjdGlvbiAuaml0bS1iYW5uZXJfX3ByaWNlcyB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbn1cblxuLmppdG0tYmFubmVyX19hY3Rpb24gLmppdG0tYmFubmVyX19wcmljZXMgLmRvcHMtcGxhbi1wcmljZSB7XG4gIG1hcmdpbi1ib3R0b206IDA7XG59XG5cbi5qaXRtLWJhbm5lcl9fYWN0aW9uIC5qaXRtLWJhbm5lcl9fcHJpY2VzIC5kb3BzLXBsYW4tcHJpY2UuaXMtZGlzY291bnRlZCxcbi5qaXRtLWJhbm5lcl9fYWN0aW9uIC5qaXRtLWJhbm5lcl9fcHJpY2VzIC5kb3BzLXBsYW4tcHJpY2UuaXMtZGlzY291bnRlZCAuZG9wcy1wbGFuLXByaWNlX19jdXJyZW5jeS1zeW1ib2wge1xuICBjb2xvcjogIzQxNDE0MTtcbn1cblxuLmhhcy1jYWxsLXRvLWFjdGlvbiAuaml0bS1iYW5uZXJfX2FjdGlvbiAuaml0bS1iYW5uZXJfX3ByaWNlcyAuZG9wcy1wbGFuLXByaWNlIHtcbiAgbWFyZ2luLWJvdHRvbTogMC41cmVtO1xufVxuXG5AbWVkaWEgKG1pbi13aWR0aDogNDgxcHgpIHtcbiAgLmppdG0tYmFubmVyX19hY3Rpb24ge1xuICAgIG1hcmdpbjogMCAwLjI1cmVtIDAgMC41cmVtO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICB3aWR0aDogYXV0bztcbiAgfVxuICAuaml0bS1iYW5uZXJfX2FjdGlvbiAuaXMtZGlzbWlzc2libGUge1xuICAgIG1hcmdpbi10b3A6IDIuNXJlbTtcbiAgfVxuICAuaml0bS1iYW5uZXJfX2FjdGlvbiAuaml0bS1iYW5uZXJfX3ByaWNlcyB7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICB0ZXh0LWFsaWduOiByaWdodDtcbiAgfVxufVxuXG4uaml0bS1iYW5uZXJfX2Rpc21pc3Mge1xuICBkaXNwbGF5OiBibG9jaztcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBsaW5lLWhlaWdodDogLjU7XG59XG5cbi5qaXRtLWJhbm5lcl9fZGlzbWlzczpiZWZvcmUge1xuICBjb2xvcjogIzZmNmY2ZjtcbiAgZm9udDogNDAwIDE2cHgvMSBkYXNoaWNvbnM7XG4gIGNvbnRlbnQ6ICdcXGYxNTgnO1xufVxuXG5AbWVkaWEgKG1pbi13aWR0aDogNjYxcHgpIHtcbiAgLmppdG0tYmFubmVyX19kaXNtaXNzIHtcbiAgICBtYXJnaW4tcmlnaHQ6IC0wLjVyZW07XG4gIH1cbn1cblxuQG1lZGlhIChtYXgtd2lkdGg6IDQ4MHB4KSB7XG4gIC5qaXRtLWJhbm5lcl9fZGlzbWlzcyB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMC44NzVyZW07XG4gICAgcmlnaHQ6IDAuODc1cmVtO1xuICB9XG59XG5cbi5qaXRtLWJhbm5lcl9fYWN0aW9uICsgLmppdG0tYmFubmVyX19kaXNtaXNzIHtcbiAgbWFyZ2luLWxlZnQ6IDAuNjI1cmVtO1xufVxuXG4jZG9sbHkgKyAuaml0bS1jYXJkIHtcbiAgbWFyZ2luOiAzcmVtIDFyZW0gMCBhdXRvO1xufVxuIl0sImZpbGUiOiJwYWNrYWdlcy9qaXRtL2Fzc2V0cy9qZXRwYWNrLWFkbWluLWppdG0uY3NzIn0= */ diff --git a/packages/jitm/assets/jetpack-admin-jitm.min.css b/packages/jitm/assets/jetpack-admin-jitm.min.css index 23eff75929b2a..64d1c3a4de22a 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:#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 +*/.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-left:-4px}.jitm-button.is-compact .gridicons-plus-small:last-of-type{margin-left:0}.jitm-button.is-compact .gridicons-plus-small+.gridicon{margin-left:-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 1.25rem 0 auto;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-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 8c3e97b810d54..8fe0abe04de58 100644 --- a/packages/jitm/assets/jetpack-admin-jitm.scss +++ b/packages/jitm/assets/jetpack-admin-jitm.scss @@ -3,6 +3,7 @@ @import '_inc/client/scss/functions/rem'; @import '_inc/client/scss/variables/colors'; @import '_inc/client/scss/mixins/breakpoints'; +@import '_inc/client/scss/calypso-colors'; @mixin clear-fix { &:after { @@ -39,26 +40,22 @@ $blue-medium-dark: #0071a1; 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: rem( 14px ); - line-height: rem( 21px ); - border-radius: rem( 4px ); - padding: rem( 7px ) rem( 14px ) rem( 9px ); + font-size: 14px; + border-radius: 4px; + padding: 7px 14px 9px; + -webkit-appearance: none; appearance: none; &:hover { - border-color: lighten( $gray, 10% ); - color: $gray-dark; - } - &:active { - border-width: 2px 1px 1px; - } - &:visited { - color: $gray-dark; + background: #f1f1f1; + border-color: $blue-grey-dark; + color: $blue-grey-dark; } &[disabled], &:disabled { @@ -66,27 +63,38 @@ $blue-medium-dark: #0071a1; background: $white; border-color: lighten( $gray, 30% ); cursor: default; - - &:active { - border-width: 1px 1px 2px; - } } &:focus { - outline: 0; - border-color: $blue-medium; - box-shadow: 0 0 0 2px $blue-light; + background: $white; + border-color: $blue-medium-dark; + box-shadow: 0 0 0 1px $blue-medium-dark; } &.is-compact { - padding: rem( 7px ); - color: darken( $gray, 10% ); - font-size: rem( 12px ); + padding: 7px; + font-size: 11px; line-height: 1; + text-transform: uppercase; &:disabled { color: lighten( $gray, 30% ); } + .gridicon { + top: 4px; + margin-top: -8px; + } + // Make the left margin of the small plus icon visually less huge + .gridicons-plus-small { + margin-left: -4px; + } + // Reset the left margin if the button contains only the plus icon + .gridicons-plus-small:last-of-type { + margin-left: 0; + } + // Make plus icon nudged closer to adjacent icons for add-people and add-plugin type buttons + .gridicons-plus-small + .gridicon { + margin-left: -4px; + } } - &.hidden { display: none; } @@ -104,6 +112,11 @@ $blue-medium-dark: #0071a1; background: $blue-medium-dark; color: $white; } + &:focus { + box-shadow: + 0 0 0 1px $white, + 0 0 0 3px $blue-medium-dark; + } &[disabled], &:disabled { background: tint( $blue-light, 50% ); @@ -112,6 +125,7 @@ $blue-medium-dark: #0071a1; } &.is-compact { color: $white; + white-space: nowrap; } } @@ -124,8 +138,10 @@ $blue-medium-dark: #0071a1; padding: rem( 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 $light-gray-700, + 0 1px 1px 1px rgba(0,0,0,.04); + @include clear-fix; diff --git a/scss/jetpack-connect.scss b/scss/jetpack-connect.scss index f395fe409a20a..f643911104b0d 100644 --- a/scss/jetpack-connect.scss +++ b/scss/jetpack-connect.scss @@ -19,33 +19,3 @@ margin-top: 84px; display: block; } - -// ===================================================================== -// Remove dops button override coming from jetpack-banner -// ========================================================================== - -.jp-connect-full__button-container .dops-button.jp-connect-button.is-primary { - background: $blue-medium; - border-color: $blue-wordpress; - color: $white; - - &:focus { - outline: 0; - border-color: $blue-medium; - box-shadow: 0 0 0 2px $blue-light; - } - - &:hover, - &:focus { - background: $blue-medium; - border-color: $blue-dark; - color: $white; - } - - &[disabled], - &:disabled { - background: tint( $blue-medium, 40% ); - border-color: tint( $blue-dark, 40% ); - color: $white; - } -} diff --git a/scss/organisms/_banners.scss b/scss/organisms/_banners.scss index 545e313f1ed17..f26c69794db4e 100644 --- a/scss/organisms/_banners.scss +++ b/scss/organisms/_banners.scss @@ -105,8 +105,10 @@ &.toplevel_page_jetpack .jp-connect-full__container { position: relative; bottom: 0; - box-shadow: 0 0 0 1px transparentize( lighten( $gray, 20% ), .5 ), - 0 1px 2px lighten( $gray, 30% ); + box-shadow: + 0 0 0 1px #ccd0d4, + 0 1px 1px 1px rgba(0,0,0,.04); + .jp-connect-full__container-card { margin: 0; @@ -282,7 +284,8 @@ .updated.jp-wpcom-connect__container { border-left: none; padding: 0; - box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; + border: 1px solid #ccd0d4; + box-shadow: 0 1px 1px rgba(0,0,0,.04); @media screen and (max-width: 782px) { padding: 0 !important; // override core cascades @@ -307,6 +310,7 @@ .jp-wpcom-connect__container-top-text { padding: 15px 35px 25px 15px; background-color: $green-primary; + color: $white; display: flex; align-items: baseline; @@ -450,5 +454,10 @@ background: $green-secondary; border-color: $green-dark; } + &:focus { + box-shadow: + 0 0 0 1px $white, + 0 0 0 3px $green-dark; + } } }