_accent.scss 899 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. //
  2. // Mixins: Accent
  3. //
  4. // Accent Variant
  5. @mixin accent-variant($name, $color) {
  6. .accent-#{$name} {
  7. $link-color: $color;
  8. $link-hover-color: darken($color, 15%);
  9. $pagination-active-bg: $color;
  10. $pagination-active-border-color: $color;
  11. .btn-link,
  12. a {
  13. color: $link-color;
  14. @include hover {
  15. color: $link-hover-color;
  16. }
  17. }
  18. [class*="sidebar-light-"],
  19. &[class*="sidebar-dark-"] {
  20. .nav-sidebar .nav-treeview > .nav-item > {
  21. .nav-link:not(.active):hover {
  22. color: $color;
  23. }
  24. }
  25. }
  26. .page-item {
  27. &.active .page-link {
  28. background-color: $pagination-active-bg;
  29. border-color: $pagination-active-border-color;
  30. }
  31. &.disabled .page-link {
  32. background-color: $pagination-disabled-bg;
  33. border-color: $pagination-disabled-border-color;
  34. }
  35. }
  36. }
  37. }