diff --git a/src/css/custom.css b/src/css/custom.css index a3964b64734b..134da13da421 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -6,9 +6,6 @@ * @note Any CSS included here will be global. * @note The Docusaurus classic template bundles the Infima CSS framework by default. */ -@tailwind base; -@tailwind components; -@tailwind utilities; /** * @section Tailwind CSS directives @@ -151,35 +148,37 @@ * @section Admonition Customization * @note Colors are taken from the main --ifm-color-** variables. These are the overrides to the Docusaurus defaults. */ -.alert .alert--secondary { /* Note Admonition */ - --ifm-alert-foreground-color : var(--ifm-color-gray-100); - --ifm-alert-background-color-highlight : var(--ifm-color-gray-200); - --ifm-alert-background-color : var(--ifm-color-gray-800); - --ifm-alert-border-color : var(--ifm-color-primary); -}; -.alert .alert--success { /* Tip Admonition */ - --ifm-alert-foreground-color : var(--ifm-color-info-lightest); - --ifm-alert-background-color-highlight : var(--ifm-color-info-light); - --ifm-alert-border-color : var(--ifm-color-info-dark); - --ifm-alert-background-color : var(--ifm-color-info-darkest); -}; -.alert .alert--info { /* Info Admonition */ - --ifm-alert-foreground-color : var(--ifm-color-success-lightest); - --ifm-alert-background-color-highlight : var(--ifm-color-success-light); - --ifm-alert-border-color : var(--ifm-color-success-dark); - --ifm-alert-background-color : var(--ifm-color-success-darkest); -}; -.alert .alert--warning { /* Warning Admonition */ - --ifm-alert-foreground-color : var(--ifm-color-warning-lightest); - --ifm-alert-background-color-highlight : var(--ifm-color-warning-light); - --ifm-alert-border-color : var(--ifm-color-warning-dark); - --ifm-alert-background-color : var(--ifm-color-warning-darkest); -}; -.alert .alert--danger { /* Danger Admonition */ - --ifm-alert-foreground-color : var(--ifm-color-danger-lightest); - --ifm-alert-background-color-highlight : var(--ifm-color-danger-light); - --ifm-alert-border-color : var(--ifm-color-danger-dark); - --ifm-alert-background-color : var(--ifm-color-danger-darkest); +.alert { + &.alert--secondary { /* Note Admonition */ + --ifm-alert-foreground-color : var(--ifm-color-gray-100); + --ifm-alert-background-color-highlight : var(--ifm-color-gray-200); + --ifm-alert-background-color : var(--ifm-color-gray-800); + --ifm-alert-border-color : var(--ifm-color-primary); + }; + &.alert--success { /* Tip Admonition */ + --ifm-alert-foreground-color : var(--ifm-color-info-lightest); + --ifm-alert-background-color-highlight : var(--ifm-color-info-light); + --ifm-alert-border-color : var(--ifm-color-info-dark); + --ifm-alert-background-color : var(--ifm-color-info-darkest); + }; + &.alert--info { /* Info Admonition */ + --ifm-alert-foreground-color : var(--ifm-color-success-lightest); + --ifm-alert-background-color-highlight : var(--ifm-color-success-light); + --ifm-alert-border-color : var(--ifm-color-success-dark); + --ifm-alert-background-color : var(--ifm-color-success-darkest); + }; + &.alert--warning { /* Warning Admonition */ + --ifm-alert-foreground-color : var(--ifm-color-warning-lightest); + --ifm-alert-background-color-highlight : var(--ifm-color-warning-light); + --ifm-alert-border-color : var(--ifm-color-warning-dark); + --ifm-alert-background-color : var(--ifm-color-warning-darkest); + }; + &.alert--danger { /* Danger Admonition */ + --ifm-alert-foreground-color : var(--ifm-color-danger-lightest); + --ifm-alert-background-color-highlight : var(--ifm-color-danger-light); + --ifm-alert-border-color : var(--ifm-color-danger-dark); + --ifm-alert-background-color : var(--ifm-color-danger-darkest); + }; }; .docusaurus-highlight-code-line {