UNPKG

@bulmil/core

Version:

![bulmil](https://user-images.githubusercontent.com/2362138/65766959-c721a080-e16f-11e9-9fb9-45a5a2ad0391.jpg)

99 lines (98 loc) 2.03 kB
/* Bulma Utilities */ .notification:not(:last-child) { margin-bottom: 1.5rem; } .notification { background-color: hsl(0, 0%, 96%); border-radius: 4px; position: relative; padding: 1.25rem 2.5rem 1.25rem 1.5rem; } .notification a:not(.button):not(.dropdown-item) { color: currentColor; text-decoration: underline; } .notification strong { color: currentColor; } .notification code, .notification pre { background: hsl(0, 0%, 100%); } .notification pre code { background: transparent; } .notification > .delete { right: 0.5rem; position: absolute; top: 0.5rem; } .notification .title, .notification .subtitle, .notification .content { color: currentColor; } .notification.is-white { background-color: hsl(0, 0%, 100%); color: hsl(0, 0%, 4%); } .notification.is-black { background-color: hsl(0, 0%, 4%); color: hsl(0, 0%, 100%); } .notification.is-light { background-color: hsl(0, 0%, 96%); color: rgba(0, 0, 0, 0.7); } .notification.is-dark { background-color: hsl(0, 0%, 21%); color: #fff; } .notification.is-primary { background-color: #5851ff; color: #fff; } .notification.is-primary.is-light { background-color: #ebebff; color: #0a00f0; } .notification.is-link { background-color: #5851ff; color: #fff; } .notification.is-link.is-light { background-color: #ebebff; color: #0a00f0; } .notification.is-info { background-color: hsl(207, 61%, 53%); color: #fff; } .notification.is-info.is-light { background-color: #eff5fb; color: #296fa8; } .notification.is-success { background-color: hsl(153, 53%, 53%); color: #fff; } .notification.is-success.is-light { background-color: #effaf5; color: #257953; } .notification.is-warning { background-color: hsl(44, 100%, 77%); color: rgba(0, 0, 0, 0.7); } .notification.is-warning.is-light { background-color: #fffaeb; color: #946c00; } .notification.is-danger { background-color: hsl(348, 86%, 61%); color: #fff; } .notification.is-danger.is-light { background-color: #feecf0; color: #cc0f35; }