@import '~heading.less';

.Marked {
	font-weight: 400;
	color: @greyDark !important;

	h1,
	h2,
	h3,
	h4,
	h5 {
		font-weight: 500;
		margin: 15px 0;
	}

	h1 {
		font-size: 15px;
		line-height: 21px;
	}

	h2 {
		font-size: 15px;
		line-height: 21px;
	}

	h3 {
		font-size: 13px;
		line-height: 19px;
	}

	h4 {
		font-size: 13px;
		line-height: 19px;
	}

	h5 {
		font-size: 11px;
		line-height: 15px;
		text-transform: uppercase;
		font-weight: 700;
		border-left: 3px solid @secondary;
		padding-left: 10px;
	}

	p {
		margin: 15px 0;
		font-weight: 400;
		font-size: 13px;
		line-height: 19px;
	}

	code {
		color: @greyDark;
		margin: 0 2px;
		font-size: 13px;
		font-weight: 700;
		letter-spacing: -0.05em;
		white-space: pre-wrap;
	}

	pre {
		margin: 15px 0;
		border-radius: 5px;
		padding: 15px;
		background: @blueDark;

		code {
			color: @white;
			background: @blueDark;
			line-height: 19px;
			padding: 0;
			margin: 0;
		}
	}

	blockquote {
		margin: 15px 0;
		padding: 1px 20px;
		border-left: 3px solid @greyMedium;
		background: @background;

		blockquote {
			margin-bottom: 20px;
		}
	}

	ol,
	ul {
		margin: 15px 0;
		padding-inline-start: 20px;

		li {
			padding-top: 5px;
			line-height: 19px;
		}
	}

	ul {
		list-style-type: square;
	}

	ol {
		list-style-type: decimal;
	}

	a {
		cursor: pointer;
	}

	hr {
		height: 1px;
		border: 0;
		background: @greyMedium;
		margin: 25px 0;
	}

	img {
		width: 100%;
		cursor: pointer;
	}
}