bedrock_sass 0.1.4 → 0.1.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 4552a8556925d703c51246b6200d92b2d6deaa42
-  data.tar.gz: 3798f5fa2a52616aca57de4d5440701acfc1a06e
+  metadata.gz: 147a4d23c49b327842e2033d8207b2d1d06f7d53
+  data.tar.gz: 92feb0b804cf044d4737816deb35d775d818917a
 SHA512:
-  metadata.gz: 81b8a1d76738272bba2dc0b1677ac7aab2542853999efec09479dcd7795d12fff7d0cc4a8098e10b7952babb127288c0f3445e29d382f80827776bfacdd7959b
-  data.tar.gz: 77e77f6acb25cdb220819ba9cad574ccf8e6bd89aa56e58f0d098b3f63fb9a5c637e6c067bfb5262d9de1b14d8114ef7874f6ee5c64fd27a38be3e7d2e99f2ff
+  metadata.gz: c6657bf827260dad4d7a99910434cf31c133e5a0161ff9a8f253df73cb4449f879b8708f635e6fe4639bbf9b1115a34fceb90783d3f3058554eeeb73e4c1e411
+  data.tar.gz: 2b5154dbc7f056652bcd6a67bd212e9aec1377301e52be2dc6a84dff6c16b18dabb539817db5f5a45fd04d17c4616439c4ce1ae76f01fda5c5b7cc9c790a529c

data/assets/_vendor/yoastseo/css/_analysis.scss

@@ -0,0 +1,111 @@
+/* css for analyzer */
+@import "colors";
+@import "icons";
+
+.wpseoanalysis {
+	padding-right: 0px;
+}
+.wpseo-score-text {
+	float: left;
+	width: 86%;
+	/* make room for score and mark icons, consider to use a better layout model */
+	width: calc( 100% - 56px );
+}
+
+/* needs higher specificity than other score icons */
+.assessment-results .wpseo-score-icon {
+	float: left;
+	width: 12px;
+	height: 12px;
+	margin: 3px 10px 0 0;
+	border-radius: 50%;
+	background: #888;
+}
+
+.wpseo-score-icon.good {
+	background-color: $color_good;
+}
+
+.wpseo-score-icon.ok {
+	background-color: $color_ok;
+}
+
+.wpseo-score-icon.bad {
+	background-color: $color_bad;
+}
+
+.wpseo-score-icon.na {
+	background-color: #999;
+}
+
+.wpseo-score-icon.noindex {
+	background-color: #1e8cbe;
+}
+
+li.score {
+	list-style-type: none !important;
+	margin-bottom: 6px;
+}
+
+li.score:after {
+	content: "";
+	display: table;
+	clear: both;
+}
+
+.screen-reader-text {
+	clip: rect(1px, 1px, 1px, 1px);
+	position: absolute !important;
+	height: 1px;
+	width: 1px;
+	overflow: hidden;
+}
+
+.assessment-results {
+	clear: both;
+
+	&__mark {
+		&.icon-eye {
+			&-inactive, &-active, &-disabled {
+				float: left;
+				border: 0;
+				width: 28px;
+				height: 28px;
+				margin: -5px 3px 0 3px;
+				padding: 4px;
+				border-radius: 100%;
+				outline: none;
+				background: no-repeat center;
+				background-size: 16px;
+				cursor: pointer;
+			}
+
+			&-inactive {
+				background-image: url(svg-icon-eye($color_marker_inactive));
+			}
+
+			&-active {
+				background-image: url(svg-icon-eye($color_marker_active));
+				background-color: #a4286a;
+			}
+
+			&-disabled {
+				background-image: url(svg-icon-eye($color_marker_disabled));
+			}
+
+		}
+
+		&:focus {
+			border-radius: 100%;
+			box-shadow: 0 0 0 1px #5b9dd9,
+			0 0 2px 1px rgba(30, 140, 190, 0.8);
+		}
+	}
+
+	&__mark-container {
+		display: inline-block;
+		float: right;
+		width: 33px;
+		min-height: 1px;
+	}
+}

data/assets/_vendor/yoastseo/css/_colors.scss

@@ -0,0 +1,24 @@
+$color_bad: #dc3232;
+$color_ok: #ee7c1b;
+$color_good: #7ad03a;
+
+$color_caret: #555555;
+$color_caret_hover: #bfbfbf;
+$color_caret_focus: #1074a8;
+
+$color_border: #f7f7f7;
+
+$color_input_border: #bfbfbf;
+$color_input_border_focus: #1074a8;
+
+$color_progress_background: #f7f7f7;
+
+$color_button: #f7f7f7;
+$color_button_border: #dbdbdb;
+
+$color_headings: #555555;
+$color_buttons: #555555;
+
+$color_marker_inactive: #555555;
+$color_marker_active: #ffffff;
+$color_marker_disabled: #e6e6e6;

data/assets/_vendor/yoastseo/css/_functions.scss

@@ -0,0 +1,3 @@
+@function inline-svg($svg) {
+	@return 'data:image/svg+xml;charset=utf8,#{_encode( $svg )}';
+}

data/assets/_vendor/yoastseo/css/_icons.scss

@@ -0,0 +1,29 @@
+@import "functions";
+
+@function svg-icon-edit($color) {
+  @return inline-svg('<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path fill="#{$color}" d="M491 1536l91-91-235-235-91 91v107h128v128h107zm523-928q0-22-22-22-10 0-17 7l-542 542q-7 7-7 17 0 22 22 22 10 0 17-7l542-542q7-7 7-17zm-54-192l416 416-832 832h-416v-416zm683 96q0 53-37 90l-166 166-416-416 166-165q36-38 90-38 53 0 91 38l235 234q37 39 37 91z" /></svg>');
+}
+
+@function svg-icon-eye($color) {
+  @return inline-svg('<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path fill="#{$color}" d="M1664 960q-152-236-381-353 61 104 61 225 0 185-131.5 316.5t-316.5 131.5-316.5-131.5-131.5-316.5q0-121 61-225-229 117-381 353 133 205 333.5 326.5t434.5 121.5 434.5-121.5 333.5-326.5zm-720-384q0-20-14-34t-34-14q-125 0-214.5 89.5t-89.5 214.5q0 20 14 34t34 14 34-14 14-34q0-86 61-147t147-61q20 0 34-14t14-34zm848 384q0 34-20 69-140 230-376.5 368.5t-499.5 138.5-499.5-139-376.5-368q-20-35-20-69t20-69q140-229 376.5-368t499.5-139 499.5 139 376.5 368q20 35 20 69z" /></svg>');
+}
+
+@function svg-icon-eye-slash($color) {
+  @return inline-svg('<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path fill="#{$color}" d="M555 1335l78-141q-87-63-136-159t-49-203q0-121 61-225-229 117-381 353 167 258 427 375zm389-759q0-20-14-34t-34-14q-125 0-214.5 89.5t-89.5 214.5q0 20 14 34t34 14 34-14 14-34q0-86 61-147t147-61q20 0 34-14t14-34zm363-191q0 7-1 9-105 188-315 566t-316 567l-49 89q-10 16-28 16-12 0-134-70-16-10-16-28 0-12 44-87-143-65-263.5-173t-208.5-245q-20-31-20-69t20-69q153-235 380-371t496-136q89 0 180 17l54-97q10-16 28-16 5 0 18 6t31 15.5 33 18.5 31.5 18.5 19.5 11.5q16 10 16 27zm37 447q0 139-79 253.5t-209 164.5l280-502q8 45 8 84zm448 128q0 35-20 69-39 64-109 145-150 172-347.5 267t-419.5 95l74-132q212-18 392.5-137t301.5-307q-115-179-282-294l63-112q95 64 182.5 153t144.5 184q20 34 20 69z"/></svg>');
+}
+
+@function svg-icon-caret-right($color) {
+  @return inline-svg('<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path fill="#{$color}" d="M1152 896q0 26-19 45l-448 448q-19 19-45 19t-45-19-19-45v-896q0-26 19-45t45-19 45 19l448 448q19 19 19 45z" /></svg>');
+}
+
+@function svg-icon-caret-left($color) {
+  @return inline-svg('<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path fill="#{$color}" d="M1216 448v896q0 26-19 45t-45 19-45-19l-448-448q-19-19-19-45t19-45l448-448q19-19 45-19t45 19 19 45z"/></svg>');
+}
+
+@function svg-icon-desktop($color) {
+  @return inline-svg('<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path fill="#{$color}" d="M1728 992v-832q0-13-9.5-22.5t-22.5-9.5h-1600q-13 0-22.5 9.5t-9.5 22.5v832q0 13 9.5 22.5t22.5 9.5h1600q13 0 22.5-9.5t9.5-22.5zm128-832v1088q0 66-47 113t-113 47h-544q0 37 16 77.5t32 71 16 43.5q0 26-19 45t-45 19h-512q-26 0-45-19t-19-45q0-14 16-44t32-70 16-78h-544q-66 0-113-47t-47-113v-1088q0-66 47-113t113-47h1600q66 0 113 47t47 113z"/></svg>');
+}
+
+@function svg-icon-mobile-phone($color) {
+  @return inline-svg('<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path fill="#{$color}" d="M976 1408q0-33-23.5-56.5t-56.5-23.5-56.5 23.5-23.5 56.5 23.5 56.5 56.5 23.5 56.5-23.5 23.5-56.5zm208-160v-704q0-13-9.5-22.5t-22.5-9.5h-512q-13 0-22.5 9.5t-9.5 22.5v704q0 13 9.5 22.5t22.5 9.5h512q13 0 22.5-9.5t9.5-22.5zm-192-848q0-16-16-16h-160q-16 0-16 16t16 16h160q16 0 16-16zm288-16v1024q0 52-38 90t-90 38h-512q-52 0-90-38t-38-90v-1024q0-52 38-90t90-38h512q52 0 90 38t38 90z"/></svg>');
+}

data/assets/_vendor/yoastseo/css/_loading-dialog.scss

@@ -0,0 +1,25 @@
+/* loading dialog */
+
+.YoastSEO_msg .right,
+.YoastSEO_msg .left{
+	display: none;
+}
+
+@keyframes animatedBackground {
+	from { background-position: 0 0; }
+	to { background-position: 100% 0; }
+}
+
+.YoastSEO_msg .bufferbar {
+	display: block;
+	width: 100%;
+	height: 12px;
+	/*multiple background definitions for the sake of browsercompatibility*/
+
+	background-image: linear-gradient(to left, #ffffff, #0063ff, #ffffff,#0063ff );
+	background-size: 300% 100%;
+	background-position: 0px 0px;
+	margin: 10px 0 10px 0;
+	border: 1px solid #dfdfdf;
+	animation: animatedBackground 5s linear infinite;
+}

data/assets/_vendor/yoastseo/css/_marks.scss

@@ -0,0 +1,8 @@
+.yoast-text-mark {
+	background-color: #e1bee7;
+}
+
+.yoast-text-mark__highlight {
+	background-color: #4a148c;
+	color: white;
+}

data/assets/_vendor/yoastseo/css/_mixins.scss

@@ -0,0 +1,11 @@
+@mixin clearfix() {
+	&:before,
+	&:after {
+		content: ' ';
+		display: table;
+	}
+
+	&:after {
+		clear: both;
+	}
+}

data/assets/_vendor/yoastseo/css/_snippet-editor.scss

@@ -0,0 +1,551 @@
+@import "colors";
+@import "mixins";
+@import "icons";
+
+$snippet_width: 600px;
+
+// Default caret icon: top alignment only suitable for the Snippet Preview.
+@mixin svg-caret-before($color) {
+	background-image: url(svg-icon-caret-right($color));
+
+	position: absolute;
+	content: '';
+	top: -3px;
+	left: -22px;
+
+	display: block;
+	width: 24px;
+	height: 24px;
+	background-size: 25px;
+}
+
+@mixin svg-caret-before-rtl($color) {
+	background-image: url(svg-icon-caret-left($color));
+}
+
+.yoast-section {
+	width: auto;
+	max-width: $snippet_width + 40;
+}
+
+/* css for snippet */
+
+.snippet_container {
+	@include clearfix;
+}
+
+.snippet-editor {
+
+	&__view {
+		clear: both;
+		background: #fff;
+
+		&-toggle {
+			display: inline-block; /* Contain floated children and margins do not collapse. */
+			background-color: $color_button;
+			border: 1px solid $color_button_border;
+			border-radius: 4px;
+			margin-top: 10px;
+			margin-left: 20px;
+			vertical-align: top;
+		}
+
+		&-icon {
+			$size: 31px; /* To match the Edit snippet button height. */
+			width: $size;
+			height: $size;
+			float: left;
+			cursor: pointer;
+			background-color: transparent;
+			background-repeat: no-repeat;
+			background-position: center, center;
+			border: none;
+			border-bottom: 4px solid transparent;
+			outline: none; /* Reset native outline especially on webkit on Macs. */
+
+			&:hover, &:focus {
+				background-color: #ffffff;
+				border-color: $color_caret_focus;
+				transition: .15s color ease-in-out,.15s background-color ease-in-out,.15s border-color ease-in-out;
+			}
+
+			&--active {
+				border-color: $color_caret;
+				transition: .15s color ease-in-out,.15s background-color ease-in-out,.15s border-color ease-in-out;
+			}
+
+			// Adjust the tooltips position because buttons have a 4px bottom border.
+			&.yoast-tooltip:before {
+				bottom: -10px
+			}
+
+			&.yoast-tooltip:after {
+				margin-top: 10px;
+			}
+		}
+
+		&-icon-desktop {
+			background-image: url(svg-icon-desktop($color_caret));
+			background-size: 18px;
+
+			&:hover, &:focus {
+				background-image: url( svg-icon-desktop( $color_caret_focus ) );
+			}
+		}
+
+		&-icon-mobile {
+			background-image: url(svg-icon-mobile-phone($color_caret));
+			background-size: 22px;
+
+			&:hover, &:focus {
+				background-image: url( svg-icon-mobile-phone( $color_caret_focus ) );
+			}
+		}
+
+		&--desktop {
+			width: $snippet_width + 40;
+			max-width: 100%;
+			padding: 0 20px;
+			overflow: auto;
+		}
+
+		// Used for the desktop view and then overridden for the mobile one:
+		// title and slug don't wrap in new lines and use ellipsis. The meta
+		// description is allowed to wrap. All three elements have a 600 pixels fixed width.
+		.snippet_container {
+			&__title {
+				width: $snippet_width;
+				white-space: nowrap;
+
+				& .title {
+					display: inline-block;
+					max-width: $snippet_width;
+					overflow: hidden;
+					text-overflow: ellipsis;
+					vertical-align: top;
+
+					&#snippet_sitename {
+						display: inline; // Consider to remove this element from the template, probably no more used.
+					}
+				}
+			}
+
+			&__url {
+				width: $snippet_width;
+				white-space: nowrap;
+				line-height: 1; // Avoid to inherit line-height.
+
+				& .urlFull {
+					display: inline-block;
+					max-width: $snippet_width - 14; // down_arrow 8+6 pixels.
+					overflow: hidden;
+					text-overflow: ellipsis;
+					vertical-align: top;
+					font-size: 14px;
+					line-height: 16px;
+				}
+			}
+
+			& .down_arrow {
+				display: inline-block;
+				border-left: 4px solid transparent;
+				border-right: 4px solid transparent;
+				border-top: 5px solid #006621;
+				margin-top: 6px;
+				margin-left: 6px;
+				vertical-align: top;
+			}
+
+			&__meta {
+				width: $snippet_width;
+			}
+		}
+
+		&--mobile {
+			box-shadow: 0 1px 2px rgba(0,0,0,0.2);
+			border-radius: 2px;
+			border-bottom: 1px hidden #fff;
+			margin: 0 20px 10px;
+			padding: 11px 0;
+
+			// In the mobile view title, slug, and meta description have a fluid width.
+			// Title and meta description wrap in new lines. Slug doesn't wrap.
+			.snippet_container {
+				display: block;
+				line-height: 20px;
+
+				&__title, &__url, &__meta {
+					width: 100%;
+					// Worth noting that inside the yoast-section everything is already border-box.
+					// Setting this property on specific elements is needed just for the browserified example.
+					box-sizing: border-box;
+				}
+
+				&__title {
+					padding: 0 16px;
+					white-space: normal;
+					overflow: visible;
+					word-wrap: break-word;
+
+					.title {
+						font-size: 16px;
+						line-height: 20px;
+					}
+
+				}
+
+				&__url {
+					border-bottom: 1px solid #ebebeb;
+					padding: 0 16px 9px;
+					margin-bottom: 9px;
+
+					// In the mobile view there's no down arrow.
+					& .urlFull {
+						max-width: 100%;
+						font-size: 14px;
+						line-height: 20px;
+					}
+				}
+
+				// In the mobile view there's no down arrow.
+				& .down_arrow {
+					display: none;
+				}
+
+				&__meta {
+					font-size: 14px;
+					line-height: 20px;
+					padding: 0 16px;
+				}
+
+				& .desc {
+					font-size: 14px;
+					line-height: 20px;
+				}
+			}
+		}
+	}
+
+	&__is-scrollable-hintwrapper {
+		display: none;
+		margin: 1em 0 5px;
+		text-align: center;
+
+		.snippet-editor__view--desktop.snippet-editor__view--desktop-has-scroll + & {
+			display: block;
+		}
+	}
+
+	&__is-scrollable-hint {
+		display: inline-block;
+
+		&:before {
+			content: "\21c4";
+			display: inline-block;
+			margin-right: 10px;
+			font-size: 20px;
+			line-height: inherit;
+			vertical-align: text-top;
+		}
+	}
+
+	&__container {
+		position: relative;
+		cursor: pointer;
+
+		&.editable-preview__container--no-caret {
+			cursor: auto;
+		}
+	}
+
+	&__heading {
+		padding: 8px 20px;
+		font-size: 0.9rem;
+		margin: 0 0 15px;
+		font-family: "Open Sans", sans-serif;
+		font-weight: 300;
+		color: $color_headings;
+
+		&-editor {
+			border-top: 1px solid $color_border;
+		}
+
+		&-icon {
+			background-repeat: no-repeat;
+			/* rtlcss needs this as separate property */
+			background-position: left 20px top 0.6em;
+			background-size: 16px;
+
+			padding-left: 45px;
+
+			&-eye {
+				background-image: url(svg-icon-eye($color_headings));
+			}
+		}
+
+
+	}
+
+	// Display the caret icons in the Snippet Preview.
+	&__container {
+		&:hover {
+			&:before {
+				@include svg-caret-before($color_caret_hover);
+			}
+		}
+
+		&--focus {
+			&:hover:before,
+			&:before {
+				@include svg-caret-before($color_caret);
+			}
+		}
+	}
+
+	&__preview {
+		padding: 0 0 15px;
+		max-width: $snippet_width + 40;
+
+		& #help-yoast-snippetpreview {
+			padding: 0 20px;
+		}
+	}
+
+	&__button {
+		background: $color_button;
+		border: 1px solid $color_button_border;
+		border-radius: 4px;
+		color: $color_buttons;
+
+		padding: 8px 10px;
+		cursor: pointer;
+
+		font-size: 0.8rem;
+		line-height: 15px; /* Avoid browsers rounding that affect the button's height (Firefox computed value would be 15.4333px otherwise). */
+	}
+
+	&__edit-button {
+		background: $color_button url(svg-icon-edit($color_buttons)) no-repeat;
+		/* rtlcss needs this as separate property */
+		background-position: left 8px top 50%;
+		background-size: 16px;
+		padding-left: 32px;
+		display: inline-block; /* Margins do not collapse. */
+		box-sizing: border-box;
+		margin-top: 10px;
+	}
+
+	&__form {
+		padding: 20px;
+	}
+
+	// Display the caret icons in the Snippet Editor.
+	// @todo: consider to use the new method used for the Social Previews, which
+	// doesn't use the labels but uses dedicated elements as hooks in the DOM.
+	&__label {
+		display: block;
+		width: 100%;
+		margin-top: 1em;
+		position: relative;
+
+		&:first-child {
+			margin-top: 0;
+		}
+
+		&--hover {
+			&:before {
+				@include svg-caret-before($color_caret_hover);
+				top: 20px; // Override default top alignment.
+			}
+		}
+
+		&--focus {
+			&:before {
+				@include svg-caret-before($color_caret_focus);
+				top: 20px; // Override default top alignment.
+			}
+		}
+	}
+
+	&__input {
+		display: block;
+		width: 100%;
+		margin-top: 5px;
+		border: 1px solid $color_input_border;
+
+		max-width: 100%;
+		box-sizing: border-box;
+
+		&:focus {
+			border: 1px solid $color_input_border_focus;
+			outline: none;
+		}
+	}
+}
+
+/* Swap icons for RTL. */
+.rtl .snippet-editor {
+	&__container {
+
+		&:hover {
+			&:before {
+				@include svg-caret-before-rtl($color_caret_hover);
+			}
+		}
+
+		&--focus {
+			&:hover:before,
+			&:before {
+				@include svg-caret-before-rtl($color_caret);
+			}
+		}
+	}
+
+	&__label {
+		&--hover {
+			&:before {
+				@include svg-caret-before-rtl($color_caret_hover);
+			}
+		}
+
+		&--focus {
+			&:before {
+				@include svg-caret-before-rtl($color_caret_focus);
+			}
+		}
+	}
+}
+
+.snippet-editor__meta-description {
+	height: 70px;
+}
+
+.snippet-editor__submit {
+	margin-top: 1em;
+}
+
+#snippet_cite {
+	min-width: 20px;
+}
+
+#meta_container {
+	clear: both;
+	min-height: 20px;
+}
+
+.snippet_container .title {
+	color: #1e0fbe;
+	text-decoration: none;
+	font-size: 18px;
+	line-height: 1.2;
+	font-weight: normal;
+	margin: 0;
+}
+
+.snippet_container .desc {
+	font-size: 13px;
+	line-height: 1.4;
+}
+
+.snippet_container .url {
+	color: #006621;
+	font-style: normal;
+
+	strong {
+		// Ensure it's a full bold regardless of the inherited styles.
+		font-weight: 700;
+	}
+}
+
+.snippet_container .desc-default {
+	color: #545454;
+
+	strong {
+		color: #6a6a6a;
+		// Ensure it's a full bold regardless of the inherited styles.
+		font-weight: 700;
+	}
+}
+
+.snippet_container .desc-render {
+	color: #777;
+}
+
+.snippet_container .tooLong {
+	color: #f00 !important;
+}
+
+.snippet-editor__field--invalid {
+	color: #f00;
+}
+
+.snippet-editor {
+	&__progress {
+		appearance: none;
+
+		border: none;
+
+		box-sizing: border-box;
+		display: block;
+
+		margin-top: 5px;
+		height: 8px;
+		width: 100%;
+
+		&::-webkit-progress-bar {
+			background-color: $color_progress_background;
+			height: 8px;
+			border: 1px solid $color_input_border;
+		}
+
+		&--fallback {
+			background-color: $color_progress_background;
+			height: 8px;
+			border: 1px solid $color_input_border;
+		}
+	}
+
+	&__progress-bar {
+		width: 0;
+		height: 100%;
+		max-width: 100%;
+	}
+
+	&__date {
+		color: #808080;
+		font-size: 13px;
+		line-height: 1.4;
+	}
+
+	&--hidden {
+		display: none;
+	}
+}
+
+.yoast-measurement-elements-holder {
+	position: absolute;
+	left: -9999em;
+}
+
+@mixin progress-bar-color ($class, $color) {
+	#{$class}[value] {
+		color: $color;
+
+		&::-webkit-progress-value {
+			background-color: $color;
+			transition: width 250ms;
+		}
+
+		&::-moz-progress-bar {
+			background-color: $color;
+		}
+
+		.snippet-editor__progress-bar {
+			background-color: $color;
+		}
+	}
+}
+
+@include progress-bar-color(".snippet-editor__progress--bad", $color_bad);
+@include progress-bar-color(".snippet-editor__progress--ok", $color_ok);
+@include progress-bar-color(".snippet-editor__progress--good", $color_good);