From a2f3f5dce2daf1977b18689c9da6bde8925a9e10 Mon Sep 17 00:00:00 2001
From: Andreas Nedbal <git@pixelde.su>
Date: Sun, 10 Apr 2022 03:41:09 +0200
Subject: [PATCH] Replace inline style with utility class

---
 app/javascript/styles/_utilities.scss | 6 +++++-
 app/views/static/front.haml           | 8 ++++----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/app/javascript/styles/_utilities.scss b/app/javascript/styles/_utilities.scss
index a9330909..dff5ef14 100644
--- a/app/javascript/styles/_utilities.scss
+++ b/app/javascript/styles/_utilities.scss
@@ -1,3 +1,7 @@
 .ios-web-app {
   padding-top: 1em;
-}
\ No newline at end of file
+}
+
+.fs-10 {
+  font-size: 10em;
+}
diff --git a/app/views/static/front.haml b/app/views/static/front.haml
index 534636e0..1a6a9172 100644
--- a/app/views/static/front.haml
+++ b/app/views/static/front.haml
@@ -17,12 +17,12 @@
       %h2.mb-4= t(".questions.header")
       = t(".questions.body_html", app_name: APP_CONFIG["site_name"])
     .col-sm-6.order-1.order-sm-12
-      .text-center.text-primary.d-flex.h-100.justify-content-center{ style: "font-size: 10em"}
+      .text-center.text-primary.d-flex.h-100.justify-content-center.fs-10
         %i.fa.fa-envelope.align-self-center.mb-5.mb-sm-0
 
   .row.my-5.my-sm-10
     .col-sm-6
-      .text-center.text-primary.d-flex.h-100.justify-content-center{ style: "font-size: 10em"}
+      .text-center.text-primary.d-flex.h-100.justify-content-center.fs-10
         %i.fa.fa-comments.align-self-center.mb-5.mb-sm-0
     .col-sm-6.text-center.text-sm-left
       %h2.mb-4= t(".discussions.header")
@@ -33,12 +33,12 @@
       %h2.mb-4= t(".share.header")
       = t(".share.body_html", app_name: APP_CONFIG["site_name"])
     .col-sm-6.order-1.order-sm-12
-      .text-center.text-primary.d-flex.h-100.justify-content-center{ style: "font-size: 10em"}
+      .text-center.text-primary.d-flex.h-100.justify-content-center.fs-10
         %i.fa.fa-share.align-self-center.mb-5.mb-sm-0
 
   .row.my-5.my-sm-10
     .col-sm-6
-      .text-center.text-primary.d-flex.h-100.justify-content-center{ style: "font-size: 10em"}
+      .text-center.text-primary.d-flex.h-100.justify-content-center.fs-10
         %i.fa.fa-paint-brush.align-self-center.mb-5.mb-sm-0
     .col-sm-6.text-center.text-sm-left
       %h2.mb-4= t(".customize.header")