(#194)(#429) Improve disabled state colors

This updates the colors of some disabled states to be consistent across
components. This also changes the "not allowed" cursor on disabled
elements to remove point events altogether.

Author: st3phhays

scss/_base.scss

@@ -39,7 +39,7 @@ strong {
 *.disabled {
     font-style: italic !important;
     font-weight: 400 !important;
-    cursor: not-allowed;
+    pointer-events: none;
 }
 
 /*! purgecss end ignore */

scss/components/_buttons-badges.scss

@@ -170,6 +170,7 @@ button.btn-grab:not(:disabled) {
     --#{$prefix}btn-disabled-color: var(--bs-body-color);
     --#{$prefix}btn-focus-shadow-rgb: #{to-rgb(mix(color-contrast($secondary), $secondary, 15%))};
     --#{$prefix}btn-focus-box-shadow: 0 0 0 #{$btn-focus-width} rgba(var(--#{$prefix}btn-focus-shadow-rgb), .5);
+    --#{$prefix}btn-disabled-border-color: transparent;
 }
 
 .btn-reorder {

scss/components/_script-builder.scss

@@ -24,7 +24,7 @@
 
     .tab-content .btn-next-step.disabled,
     .tab-content .btn-prev-step.disabled {
-        cursor: not-allowed;
+        pointer-events: none;
     }
 
     > .nav {
@@ -41,7 +41,7 @@
             text-align: center;
 
             &.disabled {
-                cursor: not-allowed !important;
+                pointer-events: none !important;
             }
 
             .nav-link {

scss/pages/_ccm.scss

@@ -23,7 +23,6 @@
             a,
             button {
                 pointer-events: none !important;
-                opacity: .5 !important;
 
                 &:hover {
                     background: none !important;
@@ -38,7 +37,7 @@
         nav {
             li {
                 &.active-parent,
-                &:hover {
+                &:hover:not(.disabled) {
                     &::before {
                         position: absolute;
                         top: -2px;

scss/utilities/_links.scss

@@ -8,3 +8,7 @@ a,
     text-decoration-thickness: 2px;
     text-underline-offset: 5px;
 }
+
+a:not(.btn).disabled {
+    color: var(--bs-secondary-color) !important;
+}

scss/variables/_global.scss

@@ -200,6 +200,7 @@ $form-check-input-checked-bg-color:  var(--bs-primary);
 $form-check-input-width:             1.57em;
 $form-check-min-height:              1.57em;
 $form-check-margin-bottom:           .5rem;
+$form-check-input-disabled-opacity:  1;
 $input-group-addon-color:            var(--bs-secondary-contrast);
 $input-group-addon-bg:               var(--bs-secondary);
 $form-file-button-color:             var(--bs-secondary-contrast);
@@ -250,6 +251,7 @@ $dropdown-bg:                       var(--bs-secondary-bg);
 $dropdown-link-hover-bg:            var(--bs-tertiary-bg);
 $dropdown-link-active-color:        var(--bs-body-color);
 $dropdown-link-active-bg:           var(--bs-tertiary-bg);
+$dropdown-link-disabled-color:      var(--bs-secondary-color);
 $dropdown-item-padding-y:          .75rem;
 
 // Offcanvas