diff options
| author | Vinicius Reis <vinicius.reis@nextcloud.com> | 2022-03-08 23:32:33 +0300 |
|---|---|---|
| committer | Vinicius Reis <vinicius.reis@nextcloud.com> | 2022-03-14 17:38:28 +0300 |
| commit | 5241810f9f9ecb67b5080314b98c77c98af52d66 (patch) | |
| tree | 45431d79c5befb9f70cfe333ca5769051d0a5ba2 /css | |
| parent | 2f2e894efd7e6c5bc0d22c826ab673938946ff37 (diff) | |
🚚 (#2184): rename feature to callouts
Signed-off-by: Vinicius Reis <vinicius.reis@nextcloud.com>
Diffstat (limited to 'css')
| -rw-r--r-- | css/prosemirror.scss | 32 |
1 files changed, 16 insertions, 16 deletions
diff --git a/css/prosemirror.scss b/css/prosemirror.scss index a56ef2d91..4de8e00a2 100644 --- a/css/prosemirror.scss +++ b/css/prosemirror.scss @@ -191,9 +191,9 @@ div.ProseMirror { } // Custom Containers Block - .custom-container { - background-color: var(--custom-container-background, var(--color-background-hover)); - border-left-color: var(--custom-container-border, var(--color-primary-element)); + .callout-container { + background-color: var(--callout-container-background, var(--color-background-hover)); + border-left-color: var(--callout-container-border, var(--color-primary-element)); padding: 1em; padding-left: 2em; border-left-width: 0.3em; @@ -208,7 +208,7 @@ div.ProseMirror { // Block icon &::before { content: ''; - background-image: var(--custom-container-icon, var(--icon-info-000)); + background-image: var(--callout-container-icon, var(--icon-info-000)); background-size: contain; position: absolute; top: calc(50% - 8px); @@ -228,30 +228,30 @@ div.ProseMirror { // Info (default) variables &, &-info { - // --custom-container-background: var(--color-primary-light); - --custom-container-border: var(--color-primary-element); - --custom-container-icon: var(--icon-info-000); + // --callout-container-background: var(--color-primary-light); + --callout-container-border: var(--color-primary-element); + --callout-container-icon: var(--icon-info-000); } // Warn variables &-warn { - // --custom-container-background: var(--color-warning-hover); - --custom-container-border: var(--color-warning); - --custom-container-icon: var(--icon-text-warn-000); + // --callout-container-background: var(--color-warning-hover); + --callout-container-border: var(--color-warning); + --callout-container-icon: var(--icon-text-warn-000); } // Warn error &-error { - // --custom-container-background: var(--color-error-hover); - --custom-container-border: var(--color-error); - --custom-container-icon: var(--icon-error-000); + // --callout-container-background: var(--color-error-hover); + --callout-container-border: var(--color-error); + --callout-container-icon: var(--icon-error-000); } // Success variables &-success { - // --custom-container-background: var(--color-success-hover); - --custom-container-border: var(--color-success); - --custom-container-icon: var(--icon-text-success-000); + // --callout-container-background: var(--color-success-hover); + --callout-container-border: var(--color-success); + --callout-container-icon: var(--icon-text-success-000); } } |