/* stylelint-disable declaration-no-important */

// =============================================================================
// :: Markdown - classes component
// =============================================================================
.bp-s-markdown-classes {

	li {
		margin-bottom: 0 !important;

		@include bp-respond-to(bp-get-breakpoint("viewport-7")) {
			border-color: $bp-border-color-base !important;
		}

		&::before {
			content: none !important;
		}

		+ li {

			@include bp-respond-at(bp-get-breakpoint("viewport-7")) {
				border-top-color: $bp-border-color-base !important;
			}
		}

		p {

			&:first-child {
				font-family: $bp-font-family-secondary !important;

				color: $bp-text-color-base !important;
				background-color: $bp-background-color-light !important;

				@include bp-respond-to(bp-get-breakpoint("viewport-7")) {
					border-bottom-color: $bp-border-color-base !important;
				}

				@include bp-respond-at(bp-get-breakpoint("viewport-7")) {
					border-right-color: $bp-border-color-base !important;
				}
			}

			&:last-child {
				font-family: $bp-font-family-secondary !important;

				color: $bp-text-color-base !important;
			}
		}
	}
}