From 9be49cdcb341845b63885277c8a4fc5f4722e716 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= <git@mkljczk.pl>
Date: Sat, 3 Jul 2021 15:33:47 +0200
Subject: [PATCH] Lint styles
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
---
 app/styles/components/columns.scss         | 3 ++-
 app/styles/components/detailed-status.scss | 2 +-
 app/styles/components/emoji-reacts.scss    | 6 ++++--
 app/styles/components/promo-panel.scss     | 3 ++-
 app/styles/components/status.scss          | 6 ++++--
 5 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/app/styles/components/columns.scss b/app/styles/components/columns.scss
index 8867b129e..075686ad1 100644
--- a/app/styles/components/columns.scss
+++ b/app/styles/components/columns.scss
@@ -217,7 +217,8 @@
   z-index: 3;
   outline: 0;
 
-  &:hover, &:focus {
+  &:hover,
+  &:focus {
     text-decoration: underline;
   }
 }
diff --git a/app/styles/components/detailed-status.scss b/app/styles/components/detailed-status.scss
index a15e4f0c8..e29b1508d 100644
--- a/app/styles/components/detailed-status.scss
+++ b/app/styles/components/detailed-status.scss
@@ -97,7 +97,7 @@
       display: inline-flex;
       width: 0;
       overflow: hidden;
-  
+
       &:focus-within {
         width: unset;
       }
diff --git a/app/styles/components/emoji-reacts.scss b/app/styles/components/emoji-reacts.scss
index f0ad0efa4..9b2311099 100644
--- a/app/styles/components/emoji-reacts.scss
+++ b/app/styles/components/emoji-reacts.scss
@@ -80,7 +80,8 @@
   transition: 0.1s;
   z-index: 999;
 
-  &--visible, &--focused {
+  &--visible,
+  &--focused {
     opacity: 1;
     pointer-events: all;
   }
@@ -99,7 +100,8 @@
       transition: 0.1s;
     }
 
-    &:hover, &:focus {
+    &:hover,
+    &:focus {
       img {
         width: 36px;
         height: 36px;
diff --git a/app/styles/components/promo-panel.scss b/app/styles/components/promo-panel.scss
index 8c1433b3f..e6e97a047 100644
--- a/app/styles/components/promo-panel.scss
+++ b/app/styles/components/promo-panel.scss
@@ -20,7 +20,8 @@
     border-bottom: 0;
   }
 
-  &:hover, &:focus {
+  &:hover,
+  &:focus {
     color: var(--primary-text-color--faint);
 
     span {
diff --git a/app/styles/components/status.scss b/app/styles/components/status.scss
index 347a6c0e4..aa4e4d224 100644
--- a/app/styles/components/status.scss
+++ b/app/styles/components/status.scss
@@ -424,7 +424,8 @@
     background: var(--brand-color--med);
     transition: 0.2s;
 
-    &:hover, &:focus {
+    &:hover,
+    &:focus {
       background: hsla(var(--brand-color_hsl), 0.5);
       text-decoration: none;
     }
@@ -667,7 +668,8 @@ a.status-card.compact:hover {
   }
 }
 
-.status__action-bar, .detailed-status__action-bar {
+.status__action-bar,
+.detailed-status__action-bar {
   .emoji-picker-expand {
     display: none;
   }