vault/ui/app/styles/core/message.scss
2018-04-03 09:16:57 -05:00

39 lines
600 B
SCSS

.message {
&.is-list {
margin: $size-10 0;
}
&.is-warning {
.message-body {
color: $dark-yellow;
padding: 0.75rem 1.25rem;
}
}
&.is-highlight {
background: $light-yellow;
.message-body {
border: none;
box-shadow: 0 0 0 1px $orange;
color: $dark-yellow;
}
.has-text-highlight,
.close-button {
color: $orange;
}
.title,
code {
background: none;
color: inherit;
}
.content .button {
border-color: $orange;
color: $dark-yellow;
}
}
.content {
margin-bottom: 0;
}
}