Sha256: 59b4866ff8551116f9c9d0f861a0f3d7050f2ded9827456aad02a27b286c6406
Contents?: true
Size: 910 Bytes
Versions: 33
Compression:
Stored size: 910 Bytes
Contents
@mixin message_box($base-color) {
background-color: transparentize($base-color, 0.95);
border: 1px solid transparentize($base-color, 0.6);
border-radius: $border-radius-xl;
}
@mixin message_box_dismiss($base-color) {
color: darken($base-color, 10%);
}
// creates a message_box class for each color in color dictionary
@each $id, $color in $colors {
.message_box-#{$id} {
position: relative;
@include message_box(color('#{$id}'));
.message_box-dismiss {
@include message_box_dismiss(color('#{$id}'));
}
}
}
.message_box-dismiss {
position: absolute;
/**
* since the content in a message_box can be basically anything entered, the below numbers are an arbitrary offset
* so a font awesome icon can be placed at the top right of the message box with ample spacing.
*/
right: 8px;
top: 8px;
line-height: 1;
font-size: $font-size-400;
cursor: pointer;
}
Version data entries
33 entries across 33 versions & 1 rubygems