Update jetpack 4.8.2

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