// ============================================================================
// :: LIST
// ============================================================================
%__m-list {
	position: relative;

	list-style-type: none;

	&:not(.m-list--ordered) li {
		@extend %__icon-checkmark-circle;
	}

	li {
		position: relative;

		padding: 0.5rem 0;

		line-height: $line-height-2x-large;

		&::before {
			position: absolute;
			top: 1rem;
			left: -3rem;

			color: $text-color-primary;
		}
	}
}

.m-list {
	@extend %__m-list;
}

// ============================================================================
// :: Modifiers
// ============================================================================
.m-list--with-icon {

	.m-list__item {
		display: flex;

		&::before {
			display: none;
		}

		+ .m-list__item {
			margin-top: 1rem;
		}

		span {
			margin-right: 2rem;

			font-size: $font-size;

			color: $text-color-primary;
		}
	}
}

%__m-list--no-type {
	padding-left: 0;

	list-style-type: none;

	li::before {
		display: none;
	}
}

.m-list--no-type {
	@extend %__m-list--no-type;
}

.m-list--inline {

	.m-list__item {
		display: inline;

		&::before {
			display: none;
		}

		+ .m-list__item {
			margin-top: 0;
			margin-left: 1rem;
		}
	}
}

.m-list--disclaimer {
	display: flex;
	padding-left: 0;

	li {
		position: relative;

		padding-left: 2rem;

		&:first-child {
			padding-left: 0;
		}
	}

	li::before {
		content: "";

		position: absolute;
		top: 50%;
		left: 0;

		display: block;
		width: 0.4rem;
		height: 0.4rem;

		border-radius: 50%;

		background-color: $background-color-grey;

		transform: translateY(-50%);
	}

	li a {

		font-family: $font-family-roboto;
		font-weight: $font-weight-thin;
		font-size: $font-size-1x-small;

		color: $text-color;
	}
}

.m-list--question {

	.m-list__item .a-link {

		@include respond-to($screen-small-base) {
			font-family: $font-family-beausans;
			font-weight: $font-weight-semibold;
			font-size: $font-size-1x-small;
			line-height: $line-height;

			color: $text-color-grey;
		}

		&::before {
			@include respond-to($screen-small-base) {
				display: none;
			}
		}
	}
}

%__m-list--ordered {
	position: relative;

	padding-left: 3rem;

	list-style-type: none;
	counter-reset: ordered-list;

	@for $i from 1 through 10 {

		&[start="#{$i}"] {
			counter-reset: ordered-list calc(#{$i} - 1);
		}
	}

	> li {
		counter-increment: ordered-list;

		&::before {
			content: counter(ordered-list) !important; /* stylelint-disable-line */

			top: 0.8rem;

			font-family: $font-family-beausans !important; /* stylelint-disable-line */
			font-weight: $font-weight-bold !important; /* stylelint-disable-line */
			font-size: $font-size-1x-large;
			line-height: $line-height-2x-large;

			color: $text-color-primary;
		}
	}
}

.m-list--ordered {
	@extend %__m-list--ordered;
}