Add more banners and warnings for some statuses & other fixes (#558)

* Add more banners and warnings for some statuses & other fixes

* Remove unused css
This commit is contained in:
Emma Cypress ⚘
2022-07-01 15:20:35 +00:00
committed by GitHub
parent cb2a7a88fc
commit 153d77359f
6 changed files with 103 additions and 8 deletions

View File

@@ -810,10 +810,11 @@ label {
// box-shadow: var(--shadow-card);
&.warning {
border-left: 0.5rem solid var(--color-banner-side);
padding: 1.5rem;
line-height: 1.5;
background-color: var(--color-warning-bg);
color: var(--color-warning-text);
background-color: var(--color-banner-bg);
color: var(--color-banner-text);
min-height: 0;
a {

View File

@@ -76,6 +76,10 @@ html {
--color-warning-text: hsl(358, 57%, 20%);
--color-warning-bg: hsl(358, 57%, 80%);
--color-banner-text: hsl(0, 11%, 16%);
--color-banner-bg: hsl(356, 59%, 77%);
--color-banner-side: hsl(357, 78%, 40%);
--color-block-quote: var(--color-tooltip-bg);
--color-header-underline: var(--color-tooltip-text);
--color-hr: var(--color-text);
@@ -157,6 +161,10 @@ html {
--color-warning-text: hsl(358, 57%, 85%);
--color-warning-bg: hsl(358, 57%, 25%);
--color-banner-text: hsl(0, 100%, 96%);
--color-banner-bg: hsl(356, 18%, 18%);
--color-banner-side: hsl(357, 78%, 40%);
--color-block-quote: var(--color-code-bg);
--color-header-underline: var(--color-tooltip-text);
--color-hr: var(--color-text);