diff options
author | Vinicius Reis <vinicius.reis@nextcloud.com> | 2022-03-10 01:06:59 +0300 |
---|---|---|
committer | Vinicius Reis <vinicius.reis@nextcloud.com> | 2022-03-14 17:38:28 +0300 |
commit | 0bc2bbbc5e7989eb3f0ceba702255c552dbdac47 (patch) | |
tree | a084ef3597498c53e068e446dd61560170dac9e9 /css | |
parent | e1863ef939b01a22e3efcfd908e8339dbdbf36ea (diff) |
🚚 (#2184): use callout instead of callout-container
Signed-off-by: Vinicius Reis <vinicius.reis@nextcloud.com>
Diffstat (limited to 'css')
-rw-r--r-- | css/prosemirror.scss | 34 |
1 files changed, 17 insertions, 17 deletions
diff --git a/css/prosemirror.scss b/css/prosemirror.scss index f01495afc..8423116df 100644 --- a/css/prosemirror.scss +++ b/css/prosemirror.scss @@ -190,10 +190,10 @@ div.ProseMirror { margin-right: 0; } - // Custom Containers Block - .callout-container { - background-color: var(--callout-container-background, var(--color-background-hover)); - border-left-color: var(--callout-container-border, var(--color-primary-element)); + // 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; @@ -208,7 +208,7 @@ div.ProseMirror { // Block icon &::before { content: ''; - background-image: var(--callout-container-icon, var(--icon-info-000)); + background-image: var(--callout-icon, var(--icon-info-000)); background-size: contain; position: absolute; top: calc(50% - 8px); @@ -228,30 +228,30 @@ div.ProseMirror { // Info (default) variables &, &-info { - // --callout-container-background: var(--color-primary-light); - --callout-container-border: var(--color-primary-element); - --callout-container-icon: var(--icon-info-000); + // --callout-background: var(--color-primary-light); + --callout-border: var(--color-primary-element); + --callout-icon: var(--icon-info-000); } // Warn variables &-warn { - // --callout-container-background: var(--color-warning-hover); - --callout-container-border: var(--color-warning); - --callout-container-icon: var(--icon-text-warn-000); + // --callout-background: var(--color-warning-hover); + --callout-border: var(--color-warning); + --callout-icon: var(--icon-text-warn-000); } // Error variables &-error { - // --callout-container-background: var(--color-error-hover); - --callout-container-border: var(--color-error); - --callout-container-icon: var(--icon-error-000); + // --callout-background: var(--color-error-hover); + --callout-border: var(--color-error); + --callout-icon: var(--icon-error-000); } // Success variables &-success { - // --callout-container-background: var(--color-success-hover); - --callout-container-border: var(--color-success); - --callout-container-icon: var(--icon-text-success-000); + // --callout-background: var(--color-success-hover); + --callout-border: var(--color-success); + --callout-icon: var(--icon-text-success-000); } } |