diff options
author | Anthony G. Basile <blueness@gentoo.org> | 2017-04-16 04:35:35 -0400 |
---|---|---|
committer | Anthony G. Basile <blueness@gentoo.org> | 2017-04-16 04:35:35 -0400 |
commit | 38a805d24a890dea4b5e90851693afb4e2041c9e (patch) | |
tree | 5f4b08ad64e6750936303d18abc370851e0db260 /plugins/jetpack/scss | |
parent | Update plugin wordpress-mobile-pack 2.2.9 (diff) | |
download | blogs-gentoo-38a805d24a890dea4b5e90851693afb4e2041c9e.tar.gz blogs-gentoo-38a805d24a890dea4b5e90851693afb4e2041c9e.tar.bz2 blogs-gentoo-38a805d24a890dea4b5e90851693afb4e2041c9e.zip |
Update jetpack 4.8.2
Diffstat (limited to 'plugins/jetpack/scss')
-rw-r--r-- | plugins/jetpack/scss/jetpack-admin-jitm.css | 145 | ||||
-rw-r--r-- | plugins/jetpack/scss/jetpack-admin.scss | 1 | ||||
-rw-r--r-- | plugins/jetpack/scss/organisms/_banners.scss | 147 |
3 files changed, 148 insertions, 145 deletions
diff --git a/plugins/jetpack/scss/jetpack-admin-jitm.css b/plugins/jetpack/scss/jetpack-admin-jitm.css deleted file mode 100644 index 632dfcee..00000000 --- a/plugins/jetpack/scss/jetpack-admin-jitm.css +++ /dev/null @@ -1,145 +0,0 @@ -/*THIS FILE IS COMPILED FROM AN .SCSS FILE - DO NOT EDIT DIRECTLY*/ -.jp-jitm { - border-radius: 2px; - max-width: 100%; - margin: 2em auto 1em auto; - padding: .85em; - background: #fcfcfc; - border: 1px solid #dedede; - text-align: center; -} -.jp-jitm:before, .jp-jitm:after { - content: ""; - display: table; -} -.jp-jitm:after { - clear: both; -} -#screen-meta-links + .jp-jitm { - margin: 3em 1.5385em 0 auto; -} -.jp-jitm .activate { - margin-top: .5em; -} -.jp-jitm .jp-emblem { - width: 25px; - height: 25px; - margin: .40em 1em 0 auto; -} -.jp-jitm svg { - width: 100%; - height: 100%; -} -.jp-jitm path { - fill: #8cc258; -} -.jp-jitm.woo-jitm path { - fill: #96588a; -} -.jp-jitm .dismiss { - margin: 0; - text-decoration: none; - float: right; -} -.jp-jitm .dismiss:before { - color: #666; - font: 400 15px/1 dashicons; - content: '\f158'; -} -.jp-jitm p { - font-size: 1em; - line-height: 165%; -} -.jp-jitm .j-spinner { - margin: 8px 0 0; - height: 17px; - width: 17px; -} -.jp-jitm .hide { - display: none; -} -form[name=post] > .jp-jitm:first-of-type { - margin-top: 1em; -} -@media (min-width: 800px) { - .jp-jitm .jp-emblem, .jp-jitm p { - float: left; - /* margin: .5em 1em 0 .5em; - padding-top: 4px; */ - } - .jp-jitm .jp-emblem { - width: 20px; - height: 20px; - margin-right: .5em; - } - .jp-jitm p { - margin: .40em 1em 0 0; - } - .jp-jitm p + p { - margin: 0; - padding: 0; - } - .jp-jitm .activate { - margin-top: 0; - } -} -@media (max-width: 1100px) { - .jp-jitm { - margin: 2.5em .75em .5em .5em; - } - form[name=post] > .jp-jitm:first-of-type { - margin-left: auto; - margin-right: auto; - } -} -@media (max-width: 800px) { - .jp-jitm .jp-emblem { - margin: .40em auto 0 auto; - } -} - -@media (min-width: 1100px) { - .update-core-php .jp-jitm { - margin: 3em 2em 0 auto; - } -} - -.jetpack-connected .media-modal-content .uploader-inline-content { - top: 20%; -} - -@media only screen and (min-width: 800px) { - .media-menu .jp-jitm { - margin: 10px 0; - padding: 5px 5px 15px; - border-width: 1px 0; - } - .media-menu .jp-jitm .jp-emblem { - margin: 20px 10px 0 15px; - } - .media-menu .jp-jitm .msg { - width: 75%; - text-align: left; - margin: 0 0 10px; - } - .media-menu .jp-jitm .msg + p { - text-align: center; - width: 100%; - } -} -@media only screen and (max-width: 900px) { - .media-menu .jp-jitm { - display: none; - margin: .5em 3%; - border-width: 1px; - } - .media-menu .jp-jitm .msg { - margin-top: 20px; - width: 88%; - margin-left: auto; - margin-right: auto; - } - .media-menu.visible .jp-jitm { - display: block; - } -} diff --git a/plugins/jetpack/scss/jetpack-admin.scss b/plugins/jetpack/scss/jetpack-admin.scss index eb2268d9..6a7c4354 100644 --- a/plugins/jetpack/scss/jetpack-admin.scss +++ b/plugins/jetpack/scss/jetpack-admin.scss @@ -13,3 +13,4 @@ "pages/connection-settings", // Connection settings page "pages/manage", // Actiavte and confirm manage "templates/connection-landing"; // jetpack connection landing, main admin, jumpstart +
\ No newline at end of file diff --git a/plugins/jetpack/scss/organisms/_banners.scss b/plugins/jetpack/scss/organisms/_banners.scss index 89416073..e93b0579 100644 --- a/plugins/jetpack/scss/organisms/_banners.scss +++ b/plugins/jetpack/scss/organisms/_banners.scss @@ -30,6 +30,153 @@ padding: rem( 16px ); } +// Full Page Connection Banner +// only show when Jetpack is disconnected +.jetpack-disconnected { + + .jp-connect-full__container { + box-sizing: border-box; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 999; // to sit over other elements + background: rgba($gray-light, .95); + text-align: center; + padding: rem( 32px ); + + @include minbreakpoint(tablet) { + left: -20px; // fill gap of wp-admin sidebar right margin on large screens + }; + } +} + +// Planet + star svgs for decoration only +.jp-connect-full__svg-jupiter { + position: absolute; + right: 0; + top: rem( 80px ); + opacity: .90; + + @include breakpoint(tablet) { + display: none; + }; +} + +.jp-connect-full__svg-stars { + position: absolute; + left: rem( 100px ); + top: rem( 100px ); + opacity: .90; + + @include breakpoint(tablet) { + display: none; + }; +} + +// dismiss +.jp-connect-full__svg-dismiss { + position: absolute; + right: 0; + top: 0; + fill: $gray; + padding: rem( 16px ); + height: rem( 24px ); + width: rem( 24px ); + + @include breakpoint(phablet) { + top: rem( 50px ); + }; +} + +.jp-connect-full__step-header-logos { + display: flex; + align-items: center; + flex-direction: row; + justify-content: center; + + .jp-connect-full__svg-jetpack, + .jp-connect-full__svg-jetpack { + fill: $gray; + } + + .jp-connect-full__svg-sync { + fill: $gray-dark; + margin: 0 rem( 16px ); + } + + @include breakpoint(phablet) { + padding-top: rem( 32px ); + }; +} + +.jp-connect-full__step-header-title { + padding: rem( 16px ); + font-size: rem( 24px ); + line-height: 1.25; + color: $gray-dark; + font-weight: 400; +} + +.jp-connect-full__card { + padding: 0; + margin: 0 auto; + box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; + background: $white; + max-width: rem( 550px ); +} + +.jp-connect-full__card-inner { + padding: rem( 16px ); +} + +.jp-connect-full__card-description { + font-size: rem( 14px ); + color: $gray-dark; +} + +.jp-connect-full__card-footer { + background: $gray-light; + padding: rem( 16px ); + box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; +} + +.jp-connect-full__tos-blurb { + font-size: rem( 11px ); + margin: 0 auto rem( 16px ); + max-width: rem( 385px ); + color: $gray-dark; +} + +.jp-connect-full__tos-a { + text-decoration: none; + color: $blue-wordpress; +} + +.jp-connect-full__button-container { + margin: 0; +} + +.jp-connect-full__help-button { + display: inline-block; + text-decoration: none; + color: $gray; + padding: rem( 16px ); + + .gridicon { + width: rem( 18px ); + height: rem( 18px ); + position: relative; + top: 4px; + } +} + +.jp-connect-full__dismiss { + cursor: pointer; +} + + // Plugin List Connection Banners // Written in the style of React to stay consistent with the Jetpack interior |