From 7562532bac1848405c844cbb07a265b16da046fc Mon Sep 17 00:00:00 2001 From: rsiddharth Date: Fri, 5 Apr 2019 07:19:34 -0400 Subject: Add vendor/bulma-0.7.4 --- vendor/bulma-0.7.4/sass/components/message.sass | 86 +++++++++++++++++++++++++ 1 file changed, 86 insertions(+) create mode 100644 vendor/bulma-0.7.4/sass/components/message.sass (limited to 'vendor/bulma-0.7.4/sass/components/message.sass') diff --git a/vendor/bulma-0.7.4/sass/components/message.sass b/vendor/bulma-0.7.4/sass/components/message.sass new file mode 100644 index 0000000..badac5d --- /dev/null +++ b/vendor/bulma-0.7.4/sass/components/message.sass @@ -0,0 +1,86 @@ +$message-background-color: $background !default +$message-radius: $radius !default + +$message-header-background-color: $text !default +$message-header-color: $text-invert !default +$message-header-weight: $weight-bold !default +$message-header-padding: 0.75em 1em !default +$message-header-radius: $radius !default + +$message-body-border-color: $border !default +$message-body-border-width: 0 0 0 4px !default +$message-body-color: $text !default +$message-body-padding: 1.25em 1.5em !default +$message-body-radius: $radius !default + +$message-body-pre-background-color: $white !default +$message-body-pre-code-background-color: transparent !default + +$message-header-body-border-width: 0 !default + +.message + @extend %block + background-color: $message-background-color + border-radius: $message-radius + font-size: $size-normal + strong + color: currentColor + a:not(.button):not(.tag):not(.dropdown-item) + color: currentColor + text-decoration: underline + // Sizes + &.is-small + font-size: $size-small + &.is-medium + font-size: $size-medium + &.is-large + font-size: $size-large + // Colors + @each $name, $pair in $colors + $color: nth($pair, 1) + $color-invert: nth($pair, 2) + $color-lightning: max((100% - lightness($color)) - 2%, 0%) + $color-luminance: colorLuminance($color) + $darken-percentage: $color-luminance * 70% + $desaturate-percentage: $color-luminance * 30% + &.is-#{$name} + background-color: lighten($color, $color-lightning) + .message-header + background-color: $color + color: $color-invert + .message-body + border-color: $color + color: desaturate(darken($color, $darken-percentage), $desaturate-percentage) + +.message-header + align-items: center + background-color: $message-header-background-color + border-radius: $message-header-radius $message-header-radius 0 0 + color: $message-header-color + display: flex + font-weight: $message-header-weight + justify-content: space-between + line-height: 1.25 + padding: $message-header-padding + position: relative + .delete + flex-grow: 0 + flex-shrink: 0 + margin-left: 0.75em + & + .message-body + border-width: $message-header-body-border-width + border-top-left-radius: 0 + border-top-right-radius: 0 + +.message-body + border-color: $message-body-border-color + border-radius: $message-body-radius + border-style: solid + border-width: $message-body-border-width + color: $message-body-color + padding: $message-body-padding + code, + pre + background-color: $message-body-pre-background-color + pre code + background-color: $message-body-pre-code-background-color -- cgit v1.2.3