<commit_before>/* ============================================================================
   @UTILITIES -> LINK COMPLEX
   ========================================================================= */


/**
 * Link complex
 *
 * A common pattern is to have a link with several pieces of text and/or an
 * icon, where only one piece of text should act like a link when the link is
 * the subject of user interaction.
 *
 * HTML structure:
 *
   <a class="u-link-complex" href="#">
    Link complex
    <span class="u-link-complex__target">target</span>
   </a>
 *
 * @demo
 * http://codepen.io/team/westfieldlabs/full/xFHfk#link-complex
 *
 * @credit
 * https://github.com/suitcss/utils-link/blob/master/lib/link.css
 */


/**
 * The actual link.
 */

.u-link-complex {
	&,
	&:hover,
	&:focus {
		text-decoration: none;
		color: inherit;
	}
}


	/**
	 * The piece of the link that needs to act like a link.
	 */

	.u-link-complex__target {
		color: $colour-link;

		&:hover,
		&:focus {
			text-decoration: underline;
			color: $colour-link-hover;
		}
	}<commit_msg>Adding placeholders to Link Complex utility<commit_after>/* ============================================================================
   @UTILITIES -> LINK COMPLEX
   ========================================================================= */


/**
 * Link complex
 *
 * A common pattern is to have a link with several pieces of text and/or an
 * icon, where only one piece of text should act like a link when the link is
 * the subject of user interaction.
 *
 * HTML structure:
 *
   <a class="u-link-complex" href="#">
    Link complex
    <span class="u-link-complex__target">target</span>
   </a>
 *
 * @demo
 * http://codepen.io/team/westfieldlabs/full/xFHfk#link-complex
 *
 * @credit
 * https://github.com/suitcss/utils-link/blob/master/lib/link.css
 */


/**
 * The actual link.
 */

%u-link-complex,
.u-link-complex {
	&,
	&:hover,
	&:focus {
		text-decoration: none;
		color: inherit;
	}
}


	/**
	 * The piece of the link that needs to act like a link.
	 */

  %u-link-complex__target,
	.u-link-complex__target {
		color: $colour-link;

		&:hover,
		&:focus {
			text-decoration: underline;
			color: $colour-link-hover;
		}
	}
{'fraction_non_alphanumeric': 0.2631103074141049, 'fraction_numerical': 0.0, 'mean_word_length': 3.390873015873016, 'pattern_counts': {'":': 0, '<': 11, '<?xml version=': 0, '>': 13, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3197992', 'n_tokens_mistral': 755, 'n_tokens_neox': 688, 'n_words': 181}