summaryrefslogtreecommitdiff
path: root/_sass/components/message.sass
diff options
context:
space:
mode:
author53hornet <53hornet@gmail.com>2019-03-31 08:53:18 -0400
committer53hornet <53hornet@gmail.com>2019-03-31 08:53:18 -0400
commit06e7a9f33088354b63561e9bf131f399416ec77d (patch)
tree12c30928aac9bea12f44f6d3bf6e076bd4d62e06 /_sass/components/message.sass
parent99e7f9ef139798e8947def7b5b7ad25a8f4573ff (diff)
downloadcobalt-site-06e7a9f33088354b63561e9bf131f399416ec77d.tar.xz
cobalt-site-06e7a9f33088354b63561e9bf131f399416ec77d.zip
Ignoring Bulma sass.
Diffstat (limited to '_sass/components/message.sass')
-rw-r--r--_sass/components/message.sass86
1 files changed, 0 insertions, 86 deletions
diff --git a/_sass/components/message.sass b/_sass/components/message.sass
deleted file mode 100644
index badac5d..0000000
--- a/_sass/components/message.sass
+++ /dev/null
@@ -1,86 +0,0 @@
-$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