<commit_before>@import 'scss/card';
@import 'scss/list-group';

/* Bootstrap overwrites: card.scss */

.card {
	border: 0;
	border-radius: 0 0 $border-radius $border-radius;
	@include elevation-1;
}

// Images
.card-img {
	max-width: 100%;
	border-radius: 0;
}

.card-img-top {
	max-width: 100%;
	border-radius: 0;
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.12);
}

.card-img-left {
	max-width: 100%;
	border-radius: $border-radius 0 0 $border-radius;
}

.card-img-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

// Text
.text-center {
	text-align: center;
}

.text-address {
	font-size: $font-size-md;
	font-family: $font-medium;
	color: $text-muted;

	strong {
		color: $text-primary;
	}
}

.text-address-link {
	.material-icons {
		vertical-align: middle;
		font-size: $font-size-md;
		color: $text-disabled;
	}
}

.card-text-wrapper {
	p:last-child {
		margin-bottom: 0;
	}

	+ .card-block {
		padding-top: 0.5rem;
	}
}

.card-title {
	margin-bottom: 1rem;
	color: $jdrf-dark-blue;
}

.card-subtitle {
	font-family: $card-subtitle-font-family;
	font-size: $card-subtitle-font-size;
	line-height: $card-subtitle-line-height;
	color: $text-muted;

	.material-icons {
		margin-right: 0.5rem;
		vertical-align: middle;
		font-size: 1.25rem;
	}
}

.card-text {
	margin-bottom: 1rem;
}

// Layout
.card-header {
	padding-top: 1rem;
	padding-bottom: 1rem;
	font-family: $card-header-font-family;
	font-size: $card-header-font-size;
	line-height: $card-header-line-height;
	color: $text-muted;
	background-color: $jdrf-white;
	border-bottom: 1px solid $card-header-border-color;

	&.h1, &.h2, &.h3, &.h4, &.h5, &.h6 {
		margin-bottom: 0;
	}
}

.card-footer {
	border: 0;
	background-color: $jdrf-white;
}

.card-block {
	padding: 1rem;

	&-btns {
		padding: 0.5rem;
	}

	.card-title {
		margin-bottom: 0.5rem;
	}

	.btn {
		&.btn-link {
			margin-right: 0;
			margin-bottom: 0;
		}
	}
}

// List
.list-group-item {
	.card & {
		padding: 1rem;
	}
}

// Featured card
.card-featured {
	.card-hero-block {
		@if $enable-flex {} @else {
			@include media-breakpoint-up(md) {
				display: table-cell;
				vertical-align: top;
			}
		}

		&-1 {
			padding-bottom: 0;

			@include media-breakpoint-up(md) {
				width: 40%;
				padding: 1.5rem 0 2rem 1.5rem;
			}
		}

		&-2 {
			@include media-breakpoint-up(md) {
				width: 40%;
				padding: 1.5rem;
			}
		}

		&-3 {
			padding-top: 0;

			@include media-breakpoint-up(md) {
				width: 15%;
				padding-top: 1.5rem;
				padding-left: 0;
			}
		}
	}

	.card-img {
		width: 100%;
		height: auto;
		@extend .card-img-center;
		border: 1px solid $text-dividers;
	}

	.card-title {
		margin-bottom: 0.75rem;
	}

	.card-subtitle {
		margin-bottom: 0.75rem;

		+ .btn {
			margin-top: 0.25rem;
		}
	}

	.card-header {
		width: 100%;
		padding-top: 0.75rem;
		padding-bottom: 0.75rem;
		@extend .text-center;

		@include media-breakpoint-up(md) {
			text-align: left;
		}
	}

	.card-footer {
		.card-link {
			font-size: $paragraph-size;
		}
	}
}

// Featured card hero with momentum line
.card-featured-hero {
	@include media-breakpoint-up(md) {
		height: 440px;
	}

	@include media-breakpoint-up(lg) {
		height: 340px;
	}

	@include media-breakpoint-up(xl) {
		height: 300px;
	}

	.card-header {
		padding-left: 0;
	}

	.card-content-wrapper {
		height: 100%;
		overflow: hidden;

		.card-hero-block-left,
		.card-hero-block-right {
			background-color: $jdrf-white;

			@include media-breakpoint-up(md) {
				position: relative;
				width: 50%;
				height: 100%;
			}
		}

		.card-hero-block-left {
			@include media-breakpoint-up(md) {
				float: left;
			}

			.card-hero-bg {
				width: 100%;
				height: 100%;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: 50% 50%;

				@include media-breakpoint-up(md) {
					background-image: none;
				}

				img {
					width: 100%;
					height: auto;
				}
			}

			&:after {
				content: "";
				position: absolute;
				top: 0;
				z-index: 1;
				display: none;
				width: 100%;
				height: 100%;
				transform: skewX(-10deg);
				background-color: $jdrf-white;

				@include media-breakpoint-up(md) {
					display: block;
					right: -62%;
				}

				@include media-breakpoint-up(lg) {
					right: -75%;
				}

				@include media-breakpoint-up(xl) {
					right: -87%;
				}
			}
		}

		.card-hero-block-right {
			@include media-breakpoint-up(md) {
				z-index: 10;
				float: right;
			}

			.card-block {
				padding-top: 2.5rem;
    			padding-bottom: 1.5rem;

    			@include media-breakpoint-up(md) {
    				padding-left: 0;
    			}
			}
		}
	}

	.card-footer {
		padding: 0 0.5rem 0.5rem 0.5rem;

		.btn {
			@include media-breakpoint-up(md) {
				margin-left: -1rem;
			}
		}
	}
}

// Hero columns
.card-hero-group {
	@if $enable-flex {
		@include media-breakpoint-up(md) {
			display: flex;<commit_msg>match paddings to zeppelin<commit_after>@import 'scss/card';
@import 'scss/list-group';

/* Bootstrap overwrites: card.scss */

.card {
	border: 0;
	border-radius: 0 0 $border-radius $border-radius;
	@include elevation-1;
}

// Images
.card-img {
	max-width: 100%;
	border-radius: 0;
}

.card-img-top {
	max-width: 100%;
	border-radius: 0;
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.12);
}

.card-img-left {
	max-width: 100%;
	border-radius: $border-radius 0 0 $border-radius;
}

.card-img-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

// Text
.text-center {
	text-align: center;
}

.text-address {
	font-size: $font-size-md;
	font-family: $font-medium;
	color: $text-muted;

	strong {
		color: $text-primary;
	}
}

.text-address-link {
	.material-icons {
		vertical-align: middle;
		font-size: $font-size-md;
		color: $text-disabled;
	}
}

.card-text-wrapper {
	p:last-child {
		margin-bottom: 0;
	}

	+ .card-block {
		padding-top: 0.5rem;
	}
}

.card-title {
	margin-bottom: 1rem;
	color: $jdrf-dark-blue;
}

.card-subtitle {
	font-family: $card-subtitle-font-family;
	font-size: $card-subtitle-font-size;
	line-height: $card-subtitle-line-height;
	color: $text-muted;

	.material-icons {
		margin-right: 0.5rem;
		vertical-align: middle;
		font-size: 1.25rem;
	}
}

.card-text {
	margin-bottom: 1rem;
}

// Layout
.card-header {
	padding-top: 1rem;
	padding-bottom: 1rem;
	font-family: $card-header-font-family;
	font-size: $card-header-font-size;
	line-height: $card-header-line-height;
	color: $text-muted;
	background-color: $jdrf-white;
	border-bottom: 1px solid $card-header-border-color;

	&.h1, &.h2, &.h3, &.h4, &.h5, &.h6 {
		margin-bottom: 0;
	}
}

.card-footer {
	border: 0;
	background-color: $jdrf-white;
}

.card-block {
	padding: 1rem;

	&-btns {
		padding: 0.5rem;
	}

	.card-title {
		margin-bottom: 0.5rem;
	}

	.btn {
		&.btn-link {
			margin-right: 0;
			margin-bottom: 0;
		}
	}
}

// List
.list-group-item {
	.card & {
		padding: 1rem;
	}
}

// Featured card
.card-featured {
	.card-hero-block {
		@if $enable-flex {} @else {
			@include media-breakpoint-up(md) {
				display: table-cell;
				vertical-align: top;
			}
		}

		&-1 {
			padding-bottom: 0;

			@include media-breakpoint-up(md) {
				width: 40%;
				padding: 1.5rem 0 2rem 1.5rem;
			}
		}

		&-2 {
			@include media-breakpoint-up(md) {
				width: 40%;
				padding: 1.5rem;
			}
		}

		&-3 {
			padding-top: 0;

			@include media-breakpoint-up(md) {
				width: 15%;
				padding-top: 1.5rem;
				padding-left: 0;
			}
		}
	}

	.card-img {
		width: 100%;
		height: auto;
		@extend .card-img-center;
		border: 1px solid $text-dividers;
	}

	.card-subtitle {
		margin-bottom: 0.75rem;

		+ .btn {
			margin-top: 0.25rem;
		}
	}

	.card-header {
		width: 100%;
		@extend .text-center;

		@include media-breakpoint-up(md) {
			text-align: left;
		}
	}

	.card-footer {
		.card-link {
			font-size: $paragraph-size;
		}
	}
}

// Featured card hero with momentum line
.card-featured-hero {
	@include media-breakpoint-up(md) {
		height: 440px;
	}

	@include media-breakpoint-up(lg) {
		height: 340px;
	}

	@include media-breakpoint-up(xl) {
		height: 300px;
	}

	.card-header {
		padding-left: 0;
	}

	.card-content-wrapper {
		height: 100%;
		overflow: hidden;

		.card-hero-block-left,
		.card-hero-block-right {
			background-color: $jdrf-white;

			@include media-breakpoint-up(md) {
				position: relative;
				width: 50%;
				height: 100%;
			}
		}

		.card-hero-block-left {
			@include media-breakpoint-up(md) {
				float: left;
			}

			.card-hero-bg {
				width: 100%;
				height: 100%;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: 50% 50%;

				@include media-breakpoint-up(md) {
					background-image: none;
				}

				img {
					width: 100%;
					height: auto;
				}
			}

			&:after {
				content: "";
				position: absolute;
				top: 0;
				z-index: 1;
				display: none;
				width: 100%;
				height: 100%;
				transform: skewX(-10deg);
				background-color: $jdrf-white;

				@include media-breakpoint-up(md) {
					display: block;
					right: -62%;
				}

				@include media-breakpoint-up(lg) {
					right: -75%;
				}

				@include media-breakpoint-up(xl) {
					right: -87%;
				}
			}
		}

		.card-hero-block-right {
			@include media-breakpoint-up(md) {
				z-index: 10;
				float: right;
			}

			.card-block {
				padding-top: 1rem;
				padding-bottom: 0;

    			@include media-breakpoint-up(md) {
    				padding-top: 2.5rem;
    				padding-left: 0;
    			}
			}
		}
	}

	.card-footer {
		padding: 0 0.5rem 0.5rem 0.5rem;

		.btn {
			@include media-breakpoint-up(md) {
				margin-left: -1rem;
			}
		}
	}
}

// Hero columns
.card-hero-group {
	@if $enable-flex {
		@include media-breakpoint-up(md) {
			display: flex;
{'fraction_non_alphanumeric': 0.17119734384727123, 'fraction_numerical': 0.032683129279933595, 'mean_word_length': 2.4486583184257604, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '3473673', 'n_tokens_mistral': 4898, 'n_tokens_neox': 4010, 'n_words': 739}