From 78dfb40ef2c7e28e1c1a1a2b011fd3ef89f0163e Mon Sep 17 00:00:00 2001
From: Szymon Nowak <szimek@gmail.com>
Date: Sat, 19 Nov 2022 12:29:14 +0100
Subject: [PATCH] Fix linter error caused by inline styles

---
 app/styles/layout/_content.sass | 11 +++++++++++
 app/templates/application.hbs   |  4 +---
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/app/styles/layout/_content.sass b/app/styles/layout/_content.sass
index 464a217..b3a38e8 100644
--- a/app/styles/layout/_content.sass
+++ b/app/styles/layout/_content.sass
@@ -11,3 +11,14 @@
   position: absolute
   white-space: nowrap
   width: 1px
+
+.ribbon
+  position: fixed
+  left: -80px
+  bottom: 0px
+  width: 300px
+  height: 64px
+  transform: rotate(45deg)
+  z-index: 999
+  background: linear-gradient(-180deg, rgb(0, 91, 187) 50%, rgb(255, 213, 0) 50%)
+  opacity: 0.8
diff --git a/app/templates/application.hbs b/app/templates/application.hbs
index 4f99814..cf1cb19 100644
--- a/app/templates/application.hbs
+++ b/app/templates/application.hbs
@@ -32,6 +32,4 @@
   </div>
 </footer>
 
-<a href="https://war.ukraine.ua/" style="position: fixed; left: -80px; bottom: 0px; width: 300px; height: 64px; transform: rotate(45deg); z-index: 999; background: linear-gradient(-180deg, rgb(0, 91, 187) 50%, rgb(255, 213, 0) 50%);">
-  <span class="visually-hidden">We stand with Ukraine!</span>
-</a>
+<a href="https://war.ukraine.ua/" class="ribbon"><span class="visually-hidden">We stand with Ukraine!</span></a>