docker
/
docs
mirror of https://github.com/docker/docs.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Swap ad-hoc colours for palette colours

This commit is contained in:
Mark H 2021-07-09 15:14:16 +01:00
parent 1655359a98
commit 79a6e2879d
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
_scss/_notes.scss
View File

@ -55,7 +55,7 @@ blockquote {
&:not(.important):not(.warning):not(.restricted) { &:not(.important):not(.warning):not(.restricted) {
@include notification( @include notification(
$bg-color: change-color($marine-10, $alpha: 0.2), $bg-color: change-color($marine-10, $alpha: 0.2),
$left-border-color: #367AC2, $left-border-color: $blue-80,
$header-color: $marine-10, $header-color: $marine-10,
$body-text-color: $marine-10, $body-text-color: $marine-10,
$icon: "\f058" $icon: "\f058"
@ -65,7 +65,7 @@ blockquote {
&.important { &.important {
@include notification( @include notification(
$bg-color: change-color($orange-60, $alpha: 0.4), $bg-color: change-color($orange-60, $alpha: 0.4),
$left-border-color: #A16925, $left-border-color: $orange-90,
$header-color: $orange-20, $header-color: $orange-20,
$body-text-color: $orange-20, $body-text-color: $orange-20,
$icon: "\f06a" $icon: "\f06a"
@ -75,7 +75,7 @@ blockquote {
&.warning { &.warning {
@include notification( @include notification(
$bg-color: change-color($red-60, $alpha: 0.3), $bg-color: change-color($red-60, $alpha: 0.3),
$left-border-color: #C0534B, $left-border-color: $red-40,
$header-color: $red-10, $header-color: $red-10,
$body-text-color: $red-10, $body-text-color: $red-10,
$icon: "\f057" $icon: "\f057"
@ -99,8 +99,8 @@ blockquote {
&:not(.important):not(.warning):not(.restricted) { &:not(.important):not(.warning):not(.restricted) {
@include notification( @include notification(
$bg-color: change-color($marine-10, $alpha: 0.2), $bg-color: change-color($marine-10, $alpha: 0.2),
$left-border-color: #367ac2, $left-border-color: $blue-80,
$header-color: #367ac2, $header-color: $blue-80,
$body-text-color: inherit, $body-text-color: inherit,
$icon: "\f058" $icon: "\f058"
); );
@ -109,8 +109,8 @@ blockquote {
&.important { &.important {
@include notification( @include notification(
$bg-color: change-color($orange-10, $alpha: 0.4), $bg-color: change-color($orange-10, $alpha: 0.4),
$left-border-color: #A16925, $left-border-color: $orange-90,
$header-color: #A16925, $header-color: $orange-90,
$body-text-color: inherit, $body-text-color: inherit,
$icon: "\f06a" $icon: "\f06a"
); );
@ -119,8 +119,8 @@ blockquote {
&.warning { &.warning {
@include notification( @include notification(
$bg-color: change-color($red-10, $alpha: 0.2), $bg-color: change-color($red-10, $alpha: 0.2),
$left-border-color: #c0534b, $left-border-color: $red-40,
$header-color: #c0534b, $header-color: $red-40,
$body-text-color: inherit, $body-text-color: inherit,
$icon: "\f057" $icon: "\f057"
); );