diff --git a/scss/_buttons.scss b/scss/_buttons.scss index 3184f32477..fa0e9c99c8 100644 --- a/scss/_buttons.scss +++ b/scss/_buttons.scss @@ -32,6 +32,11 @@ @include box-shadow(none); } + // Opinionated: add "hand" cursor to non-disabled .btn elements + &:not([disabled]):not(.disabled) { + cursor: pointer; + } + &:not([disabled]):not(.disabled):active, &:not([disabled]):not(.disabled).active { background-image: none; diff --git a/scss/_close.scss b/scss/_close.scss index 4271bc720b..f1763cc224 100644 --- a/scss/_close.scss +++ b/scss/_close.scss @@ -12,6 +12,11 @@ text-decoration: none; opacity: .75; } + + // Opinionated: add "hand" cursor to non-disabled .close elements + &:not([disabled]):not(.disabled) { + cursor: pointer; + } } // Additional properties for button version diff --git a/scss/_navbar.scss b/scss/_navbar.scss index 64766eb768..6b76649a14 100644 --- a/scss/_navbar.scss +++ b/scss/_navbar.scss @@ -116,6 +116,11 @@ @include hover-focus { text-decoration: none; } + + // Opinionated: add "hand" cursor to non-disabled .navbar-toggler elements + &:not([disabled]):not(.disabled) { + cursor: pointer; + } } // Keep as a separate element so folks can easily override it with another icon diff --git a/scss/_pagination.scss b/scss/_pagination.scss index 97977f46d5..286febc9d1 100644 --- a/scss/_pagination.scss +++ b/scss/_pagination.scss @@ -20,6 +20,12 @@ background-color: $pagination-hover-bg; border-color: $pagination-hover-border-color; } + + + // Opinionated: add "hand" cursor to non-disabled .page-link elements + &:not([disabled]):not(.disabled) { + cursor: pointer; + } } .page-item { @@ -45,6 +51,8 @@ &.disabled .page-link { color: $pagination-disabled-color; pointer-events: none; + // Opinionated: remove the "hand" cursor set previously for .page-link + cursor: auto; background-color: $pagination-disabled-bg; border-color: $pagination-disabled-border-color; }