Revert "Feature: modal"

scss/utilities/_loading.scss

@@ -18,10 +18,10 @@
     border: 0.1875em solid currentColor;
     border-radius: 1em;
     border-right-color: transparent;
-    content: '';
     vertical-align: text-bottom;
     vertical-align: -.125em; // Visual alignment
     animation: spinner 0.75s linear infinite;
+    content: '';
     opacity: var(--loading-spinner-opacity);
   }
 
@@ -29,8 +29,8 @@
     &::before {
       margin-right: calc(var(--spacing) * 0.5);
       margin-left: 0;
-      margin-inline-start: 0;
       margin-inline-end: calc(var(--spacing) * 0.5);
+      margin-inline-start: 0;
     }
   }
 

scss/utilities/_tooltip.scss

@@ -23,14 +23,14 @@
     transform: translate(-50%, -.25rem);
     border-radius: var(--border-radius);
     background: var(--tooltip-background-color);
-    content: attr(data-tooltip);
     color: var(--tooltip-color);
+    font-size: .875rem;
     font-style: normal;
     font-weight: var(--font-weight);
-    font-size: .875rem;
     text-decoration: none;
     text-overflow: ellipsis;
     white-space: nowrap;
+    content: attr(data-tooltip);
     opacity: 0;
     pointer-events: none;
   }
@@ -44,33 +44,25 @@
     border-left: .3rem solid transparent;
     border-radius: 0;
     background-color: transparent;
-    content: '';
     color: var(--tooltip-background-color);
+    content: '';
   }
 
-  // Display
   &:focus,
   &:hover {
     &::before,
     &::after {
       opacity: 1;
+
+      @if $enable-transitions {
+        animation-name: slide;
+        animation-duration: .2s;
+      }
     }
-  }
 
-  // Animations, excluding touch devices
-  @if $enable-transitions {
-    @media (hover: hover) and (pointer: fine) {
-      &:focus,
-      &:hover {
-        &::before,
-        &::after {
-          animation-duration: .2s;
-          animation-name: slide;
-        }
-
-        &::after {
-          animation-name: slideCaret; 
-        }
+    &::after {
+      @if $enable-transitions {
+        animation-name: slideCaret;
       }
     }
   }