@import '../definitions/variables';

.document-settings-plugin-details {
	&__status {
		@extend .document-settings-plugin__status;

		float: none;
		margin-left: 1.4em;
		padding: 0 0.6em;
	}

	&__error {
		position: relative;
		margin-top: 1em;
		padding: 1em;
		background: $background-footer;

		&-method {
			float: right;
			color: rgba($background, 0.2);
			font-weight: bold;
			font-size: 0.8em;
		}
		&-message {
			display: block;
			padding: 1em;
			border-left: 0.3em solid $red;
			color: $background;
			overflow: auto;
			white-space: pre-wrap;
			width: 100%;
		}

		&:empty {
			display: none;
		}
	}

	&__info {
		@extend .document-settings-plugin-add-details__info;

		&-wrap {
			margin: 2em 0;
			@extend .document-settings-plugin-add-details__info-wrap;
		}

		&-header {
			@extend .document-settings-plugin-add-details__info-header;
		}

		&-bullet {
			@extend .document-settings-plugin-add-details__info-bullet;

			&--ok {
				@extend .document-settings-plugin-add-details__info-bullet--ok;
			}
			&--warn {
				@extend .document-settings-plugin-add-details__info-bullet--warn;
			}
			&--err {
				@extend .document-settings-plugin-add-details__info-bullet--err;
			}
		}
	}

	&__feature {
		@extend .document-settings-plugin-add-details__feature;
	}
}