diff options
author | Vinicius Reis <vinicius.reis@nextcloud.com> | 2022-05-26 22:25:26 +0300 |
---|---|---|
committer | Vinicius Reis <vinicius.reis@nextcloud.com> | 2022-05-26 22:25:26 +0300 |
commit | 46ad51019984a08864a1f5a9500710418f17fe4b (patch) | |
tree | cdfdce16fbc0a11cc20831af94f74a7a8a55a1d9 /css | |
parent | 11bd79ad2a617137446b4377f7c0d9d67566eb6f (diff) |
♻️ (#2345): make Callout as a component
Signed-off-by: Vinicius Reis <vinicius.reis@nextcloud.com>
Diffstat (limited to 'css')
-rw-r--r-- | css/prosemirror.scss | 62 |
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); |