♻️ (#2345): make Callout as a component

Signed-off-by: Vinicius Reis <vinicius.reis@nextcloud.com>

1 files changed, 0 insertions, 62 deletions

diff --git a/css/prosemirror.scss b/css/prosemirror.scss
index 955fc4043..bb2d778e5 100644
--- a/css/prosemirror.scss
+++ b/css/prosemirror.scss
@@ -192,68 +192,6 @@ div.ProseMirror {
 		margin-right: 0;
 	}
 
-	// Callout Block
-	.callout {
-		background-color: var(--callout-background, var(--color-background-hover));
-		border-left-color: var(--callout-border, var(--color-primary-element));
-		border-radius: var(--border-radius);
-		padding: 1em;
-		padding-left: 2em;
-		border-left-width: 0.3em;
-		border-left-style: solid;
-		position: relative;
-		margin-bottom: 0.5em;
-		+ & {
-			margin-top: 0.5em;
-		}
-
-		// Block icon
-		&::before {
-			content: '';
-			background-image: var(--callout-icon, var(--icon-info-000));
-			background-size: contain;
-			position: absolute;
-			top: calc(50% - 8px);
-			left: 0.4em;
-			height: 16px;
-			width: 16px;
-		}
-
-		> p {
-			&:last-child {
-				margin-bottom: 0;
-			}
-		}
-
-		// Info (default) variables
-		&, &-info {
-			// --callout-background: var(--color-primary-light);
-			--callout-border: var(--color-primary-element);
-			--callout-icon: var(--icon-info-000);
-		}
-
-		// Warn variables
-		&-warn {
-			// --callout-background: var(--color-warning-hover);
-			--callout-border: var(--color-warning);
-			--callout-icon: var(--icon-text-warn-000);
-		}
-
-		// Error variables
-		&-error {
-			// --callout-background: var(--color-error-hover);
-			--callout-border: var(--color-error);
-			--callout-icon: var(--icon-error-000);
-		}
-
-		// Success variables
-		&-success {
-			// --callout-background: var(--color-success-hover);
-			--callout-border: var(--color-success);
-			--callout-icon: var(--icon-text-success-000);
-		}
-	}
-
 	// table variables
 	@at-root :root {
 		--table-color-border: var(--color-border);