From 7a86f04974ebd4ac72614ea003dbae5f6c513f8d Mon Sep 17 00:00:00 2001
From: Alexander Ebert <ebert@woltlab.com>
Date: Mon, 15 Aug 2022 16:13:45 +0200
Subject: [PATCH] Remove the legacy icon class

---
 .../files/style/font-awesome/000-woltlab.scss | 39 +------------------
 1 file changed, 1 insertion(+), 38 deletions(-)

diff --git a/wcfsetup/install/files/style/font-awesome/000-woltlab.scss b/wcfsetup/install/files/style/font-awesome/000-woltlab.scss
index 6b2ed6b044..85d51c76f4 100644
--- a/wcfsetup/install/files/style/font-awesome/000-woltlab.scss
+++ b/wcfsetup/install/files/style/font-awesome/000-woltlab.scss
@@ -16,21 +16,6 @@
   src: url("../font/fa-solid-900.woff2?v=6.1.2") format("woff2");
 }
 
-.icon {
-  // TODO: Check if this applies to `<fa-icon>` and `<fa-brand>`. Maybe define the
-  //       icons as `pointer-events: none` and let the surrounding element deal with
-  //       it instead?
-
-  &.disabled {
-    cursor: not-allowed;
-    opacity: 0.3;
-  }
-
-  &:hover {
-    text-decoration: none;
-  }
-}
-
 fa-brand,
 fa-icon {
   align-items: center;
@@ -108,7 +93,7 @@ fa-icon {
   }
 }
 
-/* Default icon sizes */
+/* @deprecated 6.0 Use the new icons instead, `.icon` is now just an easy-to-spot reminder. */
 .icon {
   align-items: center;
   background-color: #f0c !important;
@@ -165,9 +150,7 @@ fa-icon {
     --font-size: 130px;
     --icon-size: 144px;
   }
-}
 
-.icon {
   &.green {
     color: rgba(0, 153, 0, 1);
   }
@@ -204,23 +187,3 @@ fa-icon {
     color: #f0c;
   }
 }
-
-/* TODO: Figure out what to do with the spinner */
-
-.icon.fa-spinner {
-  animation: wcfSpinner 0.6s linear infinite;
-  border: 2px solid rgb(204, 204, 204);
-  border-top-color: rgb(79, 129, 189);
-  border-radius: 50%;
-  vertical-align: middle;
-
-  /* The new icons have a width of 1.25 times the height. */
-  margin: 0 calc(var(--icon-size) * 0.125);
-  width: var(--icon-size);
-}
-
-@keyframes wcfSpinner {
-  to {
-    transform: rotate(360deg);
-  }
-}
-- 
2.20.1