bulma icon indicating copy to clipboard operation
bulma copied to clipboard

.notification.is-dark.is-dark in official css

Open fmp777 opened this issue 1 year ago • 0 comments

Overview of the problem

This is about the Bulma CSS framework I'm using Bulma version [1.0.2] This is a Sass issue: I'm using version [1.0.2] I am sure this issue is not a duplicate

Description

It would seem there's a sass issue with .notification - as I can't think of any reason why we need .is-dark.is-dark which basically makes the text in a dark notification invisible.

As can be seen in https://cdn.jsdelivr.net/npm/bulma@latest/css/bulma.css

.notification.is-light.is-light {
  --bulma-notification-background-l: 90%;
  --bulma-notification-color-l: var(--bulma-light-light-invert-l);
}
.notification.is-light.is-dark {
  --bulma-notification-background-l: 20%;
  --bulma-notification-color-l: var(--bulma-light-dark-invert-l);
}
.notification.is-dark.is-light {
  --bulma-notification-background-l: 90%;
  --bulma-notification-color-l: var(--bulma-dark-light-invert-l);
}
.notification.is-dark.is-dark {
  --bulma-notification-background-l: 20%;
  --bulma-notification-color-l: var(--bulma-dark-dark-invert-l);
}

Steps to Reproduce

Make a notification with just is-dark and you'll see the inner text is also dark. https://codepen.io/fmp777/pen/BaXNoVg

You probably don't want any of the classes noted above?

fmp777 avatar Sep 26 '24 17:09 fmp777