@include body-class(true) {
	.dashui-changelog-list {
		margin: 0;

		&,
		li {
			padding: 0;
			border: 0;
			list-style: none;
		}

		li {
			position: relative;
			padding-left: 36px;
			color: palette(gray, light);
			font: 400 13px/22px $font;
			letter-spacing: $font--letter-spacing;

			&:before {
				content: '•';
				width: 26px;
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				text-align: center;
			}
		}
	}

	.dashui-changelog-version {
		display: flex;
		align-items: center;

		.sui-tag {
			display: block;
			flex: 0 0 auto;

			+ span {
				margin-left: 10px;
			}

			&.dashui-tag-current {
				color: #ffffff;
				background-color: #888888;
			}
		}

		span:not(.sui-tag) {
			flex: 0 0 auto;
			color: palette(gray, light);
			font: $font--medium 13px/22px $font;
			letter-spacing: $font--letter-spacing;
		}

		@include media(max-width, md) {
			margin: 0 0 $sui-gutter-md;
		}

		@include media(min-width, md) {
			margin: 0 0 $sui-gutter;
		}
	}
}