User:Erin Umbreon/Sandbox/Noticebox/styles.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

.noticebox {
  padding: 0.5em 1em;
  border-left: 0.5em solid var(--noticebox-color);
  background: color-mix(var(--noticebox-color), var(--background-color-base,#fff) 85%);
  color: color-mix(contrast-color(color-mix(var(--noticebox-color), var(--background-color-base) 90%)), var(--noticebox-color) 20%);
}
.noticebox__title {
  font-family: var(--font-family-heading, 'Linux Libertine','Georgia','Times','Source Serif Pro',serif);
  font-size: 1.5em;
  font-weight: 500;
}