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

Add HSL CSS Variables generator

Browse Source
This commit is contained in:
Jeremy Thomas
2020-03-23 16:16:25 +00:00
parent a6ce51cd3f
commit d2f8b5c8eb
6 changed files with 374 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
sass/elements/notification.sass
View File

@@ -41,3 +41,23 @@ $notification-padding: 1.25rem 2.5rem 1.25rem 1.5rem !default
&.is-light
background-color: $color-light
color: $color-dark
.vnotification
@extend %block
background-color: var(--background-color)
border-radius: $notification-radius
color: var(--color)
padding: $notification-padding
position: relative
& > .delete
position: absolute
right: 0.5rem
top: 0.5rem
@each $name, $trio in $colors
$base: "#{$prefix}#{$name}"
&.is-#{$name}
--background-color: var(--#{$base})
--color: var(--#{$base}-invert)
&.is-light
--background-color: var(--#{$base}-light)
--color: var(--#{$base}-dark)