<commit_before>/**
 *  @file   _touchList.scss
 *  @author <NAME> <<EMAIL>>
 *  @since  2013-06-27
 *
 *  @description
 *	 File intended to be consolidated with _lists_m.scss in Sassquatch.
 *	 Determines styles for the `touchList` list layout style.
 */

@import "../vars/touchList";
@import "../util/touchList";

%tl-blockLabel {
	@include color_textSecondary;
	.inverted & { @include color_textSecondaryInverted; }
	font-size: $FS_small;
	padding: ($P_secondary/$FS_small * 1em) ($P_secondary/$FS_small * 1em) 0;
	line-height: $LH_tall;
	margin-bottom: -$P_secondary;
}

@if $platform == "mobile" {
	/*  ======================================================================= */
	/*  TOUCHLIST STYLES  */

	.touchList {
		@extend %layout_touchList;

		.touchList-item:last-child {
			border-bottom: none;
		}
	}

	.touchList--rounded {
		@extend %layout_touchList;

		.touchList-item:first-child {
			// TODO Add rounding to top if in a rounded container
		}

		.touchList-item:last-child {
			// TODO Add rounding to bottom if in a rounded container
		}
	}


	.touchList--withInlineChildren {
		@extend %layout_touchList;
		@extend %clearfix;  // Used for multi-cell up inserts

		 .touchList-item:nth-last-child(2),
		 .touchList-item:last-child {
			  border-bottom: none;
			  // Last, and next to last children do not get a bottom border.
		 }
	}


	/*  ======================================================================= */
	/*  TOUCHLIST COMMON STYLES */

	.touchList-label {
		padding: 0; // RESET
		font-size: $FS_base;
		line-height: $LH_standard;
		.touchList & {
			// RESET
			@include color_textSecondary;  // overloaded selector to override link color
		}
	}
	.touchList .touchList-blockLabel {
		// extra specificity needed to override `.touchList label` styles
		@extend %tl-blockLabel;
	}

	.touchList-text {
		margin: 0;
		padding: 0;
		font-size: $FS_small;
		line-height: $LH_standard;
	}

	.touchList-caption {
		margin: 0;  // RESET
		padding: 0; // RESET
		font-size: $FS_small;
		line-height: $LH_standard;
	}

	.icon-disclosure-right--touchList-item {
		@include color_lineGray;
		vertical-align: -0.2em;
		// Arbitary value, optical alignment
	}


	.ffbox--touchList-item {
		height: $H_touchTargetDefault;
		padding: 0 $P_secondary;
		// NOTE: For whatever mysterious reason, Safari 6 (iOS 6 and OS X) does
		// not know how to display heights correctly with padding on an element
		// set to `display: table-cell` with `box-sizing: border-box`.
		//
		// Essentially, when a height value is applied, it calculates the height
		// of the table cell as $height + $pad_top + $pad_bottom, instead of the
		// correct $height - ($pad_top + $pad_bottom).
		//
		// The result is that on Safari 6, and only Safari 6, the cells are the
		// sum of top and bottom padding taller than they should be.
		//
		// The other mystery is that this works perfectly fine with percentage
		// widths and heights--it's only the fixed unit values that cause the
		// rendering bug in iOS 6.
		//
		// My solution is to basically only use top and bottom paddings on
		// child units you don't want to collide with the edges--assuming there's
		// a case in which they would, like the attendee item--and leave top and
		// bottom padding off of this outer element.
		//
		// Having padding on all four sides would
		// be a ton less work.

 		.ffbox-flex, .ffbox-fix {
 			// these are the likely suspects for content immediately inside
 			// .ffbox--touchList-item. This padding keeps multiline content
 			// spacing the same as single-line content
 			padding-top: $P_secondary;
			padding-bottom: $P_secondary;
		}
	}

	.ffbox--touchList-input {
		height: $H_touchTargetDefault;
		// NOTE: Needed to provide height to input items wrapped in a fix-flex
		// box, so they can have a consistent height with the other cells.
	}



	/*  ======================================================================= */
	/*  TOUCHLIST ITEMS  */

	/*  These are all <li> elements, but only these are getting borders, rather
	 *  than blanket coating all <li> elements, nested, first child, or otherwise
	 *  with this style. It's a more targeted, conservative approach.
	 */
	.touchList-item {
		@extend %dividerBottom;
		@include color_textPrimary;
		.inverted & { @include color_textPrimaryInverted; }
		p:last-child {
			margin-bottom: 0;
		}
		.touchList-item-action {
			// the anchor just inside standard touchList-items shouldn't appear
			// like a normal link - it's just a list item that happens to be
			// touchable. Extra specificity to override a:link
			@include color_textPrimary;
			.inverted & { @include color_textPrimaryInverted; }
			display: block;
		}
		.avatar {<commit_msg>linkify class awareness<commit_after>/**
 *  @file   _touchList.scss
 *  @author <NAME> <<EMAIL>>
 *  @since  2013-06-27
 *
 *  @description
 *	 File intended to be consolidated with _lists_m.scss in Sassquatch.
 *	 Determines styles for the `touchList` list layout style.
 */

@import "../vars/touchList";
@import "../util/touchList";

%tl-blockLabel {
	@include color_textSecondary;
	.inverted & { @include color_textSecondaryInverted; }
	font-size: $FS_small;
	padding: ($P_secondary/$FS_small * 1em) ($P_secondary/$FS_small * 1em) 0;
	line-height: $LH_tall;
	margin-bottom: -$P_secondary;
}

@if $platform == "mobile" {
	/*  ======================================================================= */
	/*  TOUCHLIST STYLES  */

	.touchList {
		@extend %layout_touchList;

		.touchList-item:last-child {
			border-bottom: none;
		}
	}

	.touchList--rounded {
		@extend %layout_touchList;

		.touchList-item:first-child {
			// TODO Add rounding to top if in a rounded container
		}

		.touchList-item:last-child {
			// TODO Add rounding to bottom if in a rounded container
		}
	}


	.touchList--withInlineChildren {
		@extend %layout_touchList;
		@extend %clearfix;  // Used for multi-cell up inserts

		 .touchList-item:nth-last-child(2),
		 .touchList-item:last-child {
			  border-bottom: none;
			  // Last, and next to last children do not get a bottom border.
		 }
	}


	/*  ======================================================================= */
	/*  TOUCHLIST COMMON STYLES */

	.touchList-label {
		padding: 0; // RESET
		font-size: $FS_base;
		line-height: $LH_standard;
		.touchList & {
			// RESET
			@include color_textSecondary;  // overloaded selector to override link color, h4 color
		}
		.linkify & {
			color: inherit;  // typically inside a .touchList-item-action.linkify, which will be link-colored
		}
	}
	.touchList .touchList-blockLabel {
		// extra specificity needed to override `.touchList label` styles
		@extend %tl-blockLabel;
	}

	.touchList-text {
		margin: 0;
		padding: 0;
		font-size: $FS_small;
		line-height: $LH_standard;
	}

	.touchList-caption {
		margin: 0;  // RESET
		padding: 0; // RESET
		font-size: $FS_small;
		line-height: $LH_standard;
	}

	.icon-disclosure-right--touchList-item {
		@include color_lineGray;
		vertical-align: -0.2em;
		// Arbitary value, optical alignment
	}


	.ffbox--touchList-item {
		height: $H_touchTargetDefault;
		padding: 0 $P_secondary;
		// NOTE: For whatever mysterious reason, Safari 6 (iOS 6 and OS X) does
		// not know how to display heights correctly with padding on an element
		// set to `display: table-cell` with `box-sizing: border-box`.
		//
		// Essentially, when a height value is applied, it calculates the height
		// of the table cell as $height + $pad_top + $pad_bottom, instead of the
		// correct $height - ($pad_top + $pad_bottom).
		//
		// The result is that on Safari 6, and only Safari 6, the cells are the
		// sum of top and bottom padding taller than they should be.
		//
		// The other mystery is that this works perfectly fine with percentage
		// widths and heights--it's only the fixed unit values that cause the
		// rendering bug in iOS 6.
		//
		// My solution is to basically only use top and bottom paddings on
		// child units you don't want to collide with the edges--assuming there's
		// a case in which they would, like the attendee item--and leave top and
		// bottom padding off of this outer element.
		//
		// Having padding on all four sides would
		// be a ton less work.

 		.ffbox-flex, .ffbox-fix {
 			// these are the likely suspects for content immediately inside
 			// .ffbox--touchList-item. This padding keeps multiline content
 			// spacing the same as single-line content
 			padding-top: $P_secondary;
			padding-bottom: $P_secondary;
		}
	}

	.ffbox--touchList-input {
		height: $H_touchTargetDefault;
		// NOTE: Needed to provide height to input items wrapped in a fix-flex
		// box, so they can have a consistent height with the other cells.
	}



	/*  ======================================================================= */
	/*  TOUCHLIST ITEMS  */

	/*  These are all <li> elements, but only these are getting borders, rather
	 *  than blanket coating all <li> elements, nested, first child, or otherwise
	 *  with this style. It's a more targeted, conservative approach.
	 */
	.touchList-item {
		@extend %dividerBottom;
		@include color_textPrimary;
		.inverted & { @include color_textPrimaryInverted; }
		p:last-child {
			margin-bottom: 0;
		}
		.touchList-item-action {
			// the anchor just inside standard touchList-items shouldn't appear
			// like a normal link - it's just a list item that happens to be
			// touchable. Extra specificity to override a:link
			//
			// :not is supported in IE9+, and is the best way to support legacy
			// markup with an optional 'linkify' class
			&:not(.linkify) {
				@include color_textPrimary;
				.inverted & { @include color_textPrimaryInverted; }
			}
			display: block;
		}
		.avatar {
{'fraction_non_alphanumeric': 0.15090252707581228, 'fraction_numerical': 0.00556988138215575, 'mean_word_length': 3.124202467035304, 'pattern_counts': {'":': 0, '<': 13, '<?xml version=': 0, '>': 13, 'https://': 0, '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': '5809737', 'n_tokens_mistral': 3418, 'n_tokens_neox': 2980, 'n_words': 993}