<commit_before>footer.pudding-footer
	padding 3rem 1rem
	//background-color $off-white
	border-top 4px solid $black
	font-family $sans
	margin-top 3rem

	.footer-social
		display flex
		align-items center
		justify-content center
		flex-wrap wrap
		margin-bottom 1rem
		p
			margin 0

		&__icons
			display flex
			padding-bottom 1rem

		&__icon
			margin-left 1rem

		&__preach
			font-family $serif
			padding-bottom 1rem
			set-type-size(large)
			+mq('bp-4')
				set-type-size(x-large)

			span
				font-family $sans
				font-weight 700
				text-transform uppercase

	.footer-recirc
		max-width 65rem
		margin 0 auto
		&__articles
			display flex
			flex-wrap wrap
			justify-content space-between

		&__article
			display block
			width 100%
			border none
			border-left 4px solid $black
			margin-bottom 3rem
			+mq('bp-5')
				width calc(25% - 1.5rem)
				margin-right 1.5rem
				&:last-of-type
					margin-right 0

		.article__headline
			set-type-size(large, false)
			line-height 1
			font-weight 700
			padding-left 0.5rem
			padding-top 1rem

	.footer-company
		margin 0 auto
		margin-top 3rem
		max-width 65rem
		display flex
		flex-direction column
		+mq('bp-5')
			flex-direction row

		&__cta
			order 1
			margin 2rem 0 0 0
			width 100%
			+mq('bp-5')
				width 22rem
				margin 0 0 0 2rem

		&__cta-list
			display flex
			flex-wrap wrap
			//justify-content space-between
			flex-direction column
			height 9rem
			+mq('bp-5')
				flex-direction column

			li
				display flex
				width 50%
				margin 0.25rem 0
				+mq('bp-5')
					margin 0.25rem 0 0.25rem 1rem

			p
				margin 0
				margin-bottom 1rem
				padding-left 0.5rem
				line-height 1
				color $gray
				+mq('bp-4')
					set-type-size(large)
			a
				border none

			svg
				fill $gray
				stroke none
				vertical-align middle
				circle, polyline, line
					fill none
					stroke $gray
			.feather-mail path
					stroke $gray
					fill none


		&__about
			order 0
			width 100%
			//margin-top 2.5rem
			color $gray
			display flex
			flex-direction column
			+mq('bp-5')
				width calc(100% - 24rem)

			p
				margin 0
			svg
				width 12rem
				margin-bottom 0.5rem
<commit_msg>styles v2 footer<commit_after>footer.pudding-footer
	padding 3rem 1rem
	//background-color $off-white
	border-top 4px solid $black
	font-family $sans
	margin-top 3rem

	.footer-social
		display flex
		align-items center
		justify-content center
		flex-wrap wrap
		margin-bottom 1rem
		p
			margin 0

		&__icons
			display flex
			padding-bottom 1rem

		&__icon
			margin-left 1rem

		&__preach
			font-family $serif
			padding-bottom 1rem
			set-type-size(large)
			+mq('bp-4')
				set-type-size(x-large)

			span
				font-family $sans
				font-weight 700
				text-transform uppercase

	.footer-recirc
		max-width 65rem
		margin 0 auto
		&__articles
			display flex
			flex-wrap wrap
			justify-content space-between

		&__article
			display block
			width 100%
			border none
			border-left 4px solid $black
			margin-bottom 3rem
			+mq('bp-5')
				width calc(25% - 1.5rem)
				margin-right 1.5rem
				&:last-of-type
					margin-right 0

		.article__headline
			set-type-size(large, false)
			line-height 1
			font-weight 700
			padding-left 0.5rem
			padding-top 1rem

	.footer-company
		margin 0 auto
		margin-top 3rem
		max-width 65rem
		display flex
		flex-direction column
		+mq('bp-5')
			flex-direction row

		&__cta
			order 1
			margin 2rem 0 0 0
			width 100%
			+mq('bp-5')
				width 22rem
				margin 0 0 0 2rem

		&__cta-list
			display flex
			flex-wrap wrap
			//justify-content space-between
			flex-direction column
			height 9rem
			+mq('bp-5')
				flex-direction column

			li
				display flex
				width 50%
				margin 0.25rem 0
				+mq('bp-5')
					margin 0.25rem 0 0.25rem 1rem

				a
					display flex
					border none

				p
					margin 0
					margin-bottom 1rem
					padding-left 0.5rem
					line-height 1
					color $gray
					+mq('bp-4')
						set-type-size(large)

				svg
					fill $gray
					stroke none
					vertical-align middle
					circle, polyline, line
						fill none
						stroke $gray
				.feather-mail path
						stroke $gray
						fill none


		&__about
			order 0
			width 100%
			//margin-top 2.5rem
			color $gray
			display flex
			flex-direction column
			+mq('bp-5')
				width calc(100% - 24rem)

			p
				margin 0
			svg
				width 12rem
				margin-bottom 0.5rem

{'fraction_non_alphanumeric': 0.08089579524680073, 'fraction_numerical': 0.04410420475319927, 'mean_word_length': 2.1511879049676024, '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': '5970585', 'n_tokens_mistral': 2220, 'n_tokens_neox': 1533, 'n_words': 442}