/**
 * Checkmark Lists - styles for the three block-style variants.
 *
 * Applied to the core/list block when the user picks one of the
 * "Checkmarks" styles in the editor sidebar.
 *
 * Colors:
 *   Black: #000000
 *   Blue:  #1FA6D3
 *   Green: #00A651
 */

ul.is-style-checkmark-black,
ul.is-style-checkmark-blue,
ul.is-style-checkmark-green {
	list-style: none;
	padding-left: 0;
}

ul.is-style-checkmark-black li,
ul.is-style-checkmark-blue li,
ul.is-style-checkmark-green li {
	position: relative;
	padding-left: 1.75em;
	list-style: none;
}

/* Apply to nested ULs too, but only if they themselves carry a checkmark style.
   Without this, a plain nested <ul> inside a checkmark list would inherit
   list-style:none and lose its bullets entirely. */
ul.is-style-checkmark-black ul:not([class*="is-style-checkmark-"]),
ul.is-style-checkmark-blue  ul:not([class*="is-style-checkmark-"]),
ul.is-style-checkmark-green ul:not([class*="is-style-checkmark-"]) {
	list-style: disc;
	padding-left: 1.5em;
}

ul.is-style-checkmark-black ul:not([class*="is-style-checkmark-"]) li,
ul.is-style-checkmark-blue  ul:not([class*="is-style-checkmark-"]) li,
ul.is-style-checkmark-green ul:not([class*="is-style-checkmark-"]) li {
	padding-left: 0;
	list-style: disc;
}

ul.is-style-checkmark-black ul:not([class*="is-style-checkmark-"]) li::before,
ul.is-style-checkmark-blue  ul:not([class*="is-style-checkmark-"]) li::before,
ul.is-style-checkmark-green ul:not([class*="is-style-checkmark-"]) li::before {
	content: none;
}

/* Shared checkmark glyph positioning */
ul.is-style-checkmark-black > li::before,
ul.is-style-checkmark-blue  > li::before,
ul.is-style-checkmark-green > li::before,
ul.is-style-checkmark-black li::before,
ul.is-style-checkmark-blue  li::before,
ul.is-style-checkmark-green li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.25em;
	width: 1em;
	height: 1em;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

/* Black checkmark */
ul.is-style-checkmark-black li::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='%23000000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M4 10.5l4 4 8-9'/></svg>");
}

/* Blue checkmark (#1FA6D3) */
ul.is-style-checkmark-blue li::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='%231FA6D3' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M4 10.5l4 4 8-9'/></svg>");
}

/* Green checkmark (#00A651) */
ul.is-style-checkmark-green li::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='%2300A651' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M4 10.5l4 4 8-9'/></svg>");
}