overrides.scss 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. // Overrides to native HTML elements (i.e., not bootstrap classes or custom components).
  2. * {
  3. transition: background-color, color 0.1s ease-in-out;
  4. }
  5. body {
  6. color: var(--nbx-body-color);
  7. background-color: var(--nbx-body-bg);
  8. }
  9. pre {
  10. padding: $spacer;
  11. white-space: pre;
  12. background-color: var(--nbx-pre-bg);
  13. border: 1px solid var(--nbx-pre-border-color);
  14. border-radius: $border-radius;
  15. }
  16. // Force <small/> elements to make text smaller.
  17. small {
  18. font-size: smaller !important;
  19. }
  20. h1 {
  21. font-weight: $font-weight-bolder;
  22. }
  23. h2 {
  24. font-weight: $font-weight-bold;
  25. }
  26. h3,
  27. h4 {
  28. font-weight: $font-weight-medium;
  29. }
  30. h5,
  31. h6 {
  32. font-weight: $font-weight-medium;
  33. }
  34. // Fix the hideous way Safari shows button anchor elements.
  35. a[type='button'] {
  36. -webkit-appearance: unset !important;
  37. }
  38. // Ensure elements with data-href set show the correct cursor.
  39. // data-href is set on non non-anchor elements that need to redirect the user to a URL when
  40. // clicked, but where an anchor element does not suffice or is not supported.
  41. *[data-href] {
  42. cursor: pointer;
  43. }