Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-18 19:34:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

Use primary color in CSS variable for the message component

Browse Source
This commit is contained in:
Jeremy Thomas
2020-08-15 08:59:45 +01:00
parent 7d2dcba944
commit 0e4eda2d81
4 changed files with 124 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
sass/components/message.sass
View File

@@ -60,13 +60,13 @@ $message-colors: $colors !default
$color-light: $color
&.is-#{$name}
background-color: $color-light
background-color: var(--#{$name}-light, #{$color-light})
.message-header
background-color: $color
color: $color-invert
background-color: var(--#{$name}, #{$color})
color: var(--#{$name}-invert, #{$color-invert})
.message-body
border-color: $color
color: $color-dark
border-color: var(--#{$name}, #{$color})
color: var(--#{$name}-dark, #{$color-dark})
.message-header
align-items: center