From 7d6b991fd97e3bdd84c1bb65cfd15ed2b1e4677f Mon Sep 17 00:00:00 2001
From: DCoded <dicoded@email.com>
Date: Sun, 20 Jun 2021 12:03:48 -0400
Subject: [PATCH] Replaced overly specific CSS classes with utility classes
---
css/facilities/farmyard.css | 8 --------
css/general/formatting.css | 4 ++++
src/facilities/farmyard/animals/animals.js | 6 +++---
3 files changed, 7 insertions(+), 11 deletions(-)
delete mode 100644 css/facilities/farmyard.css
diff --git a/css/facilities/farmyard.css b/css/facilities/farmyard.css
deleted file mode 100644
index 8d0abbe268a..00000000000
--- a/css/facilities/farmyard.css
+++ /dev/null
@@ -1,8 +0,0 @@
-.farmyard-heading {
- text-transform: uppercase;
-}
-
-.farmyard-heading,
-.farmyard-animal-type {
- font-weight: bold;
-}
diff --git a/css/general/formatting.css b/css/general/formatting.css
index db038ad72c4..b69199c7704 100644
--- a/css/general/formatting.css
+++ b/css/general/formatting.css
@@ -77,3 +77,7 @@ input:out-of-range {
background-color: rgba(255, 0, 0, 0.25);
border: 2px solid #900;
}
+
+.uppercase {
+ text-transform: uppercase;
+}
diff --git a/src/facilities/farmyard/animals/animals.js b/src/facilities/farmyard/animals/animals.js
index e300a9817f0..4c994948b61 100644
--- a/src/facilities/farmyard/animals/animals.js
+++ b/src/facilities/farmyard/animals/animals.js
@@ -124,10 +124,10 @@ App.Facilities.Farmyard.animals = function() {
V.returnTo = "Farmyard Animals";
V.encyclopedia = "Farmyard";
- App.UI.DOM.appendNewElement("span", domesticDiv, 'Domestic Animals', 'farmyard-heading');
+ App.UI.DOM.appendNewElement("span", domesticDiv, 'Domestic Animals', ['uppercase', 'bold']);
if (V.farmyardKennels > 1 || V.farmyardStables > 1 || V.farmyardCages > 1) {
- App.UI.DOM.appendNewElement("span", exoticDiv, 'Exotic Animals', 'farmyard-heading');
+ App.UI.DOM.appendNewElement("span", exoticDiv, 'Exotic Animals', ['uppercase', 'bold']);
}
domesticDiv.append(
@@ -329,7 +329,7 @@ App.Facilities.Farmyard.animals = function() {
const animal = new App.Entity.Animal(null, null, "canine", "domestic");
- App.UI.DOM.appendNewElement("div", addAnimalDiv, `Add a New Animal`, ['farmyard-heading']);
+ App.UI.DOM.appendNewElement("div", addAnimalDiv, `Add a New Animal`, ['uppercase', 'bold']);
addAnimalDiv.append(
name(),
--
GitLab