Update fixed all found stylelint syntactical errors that were found

Nemwel-Boniface · Oct 26, 2023 · 7fffb45 · 7fffb45
1 parent fc23df1
commit 7fffb45
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 41 deletions.
diff --git a/src/stylesheets/feed/feed.css b/src/stylesheets/feed/feed.css
@@ -12,8 +12,6 @@
   position: relative;
 }
 
-
-
 /* Responsive design now */
 
 /* Tablet version */
@@ -24,7 +22,8 @@
     grid-template-columns: 1fr 2fr 1fr;
   }
 
-  .feedLeft, .FeedRight {
+  .feedLeft,
+  .FeedRight {
     background-color: var(--herobg);
     height: 100%;
   }
@@ -35,7 +34,6 @@
 }
 
 /* Desktop versions now */
-
 @media screen and (min-width: 1080px) {
-
+  /* Desktop versions now */
 }
diff --git a/src/stylesheets/feed/feedNavBar.css b/src/stylesheets/feed/feedNavBar.css
@@ -7,10 +7,6 @@
   --paragraphGray: rgb(56, 58, 61);
 }
 
-
-
-
-
 /* Responsive design now */
 
 /* Tablet version */
@@ -29,7 +25,7 @@
     margin-right: 1rem;
     color: var(--lightgreen);
     background-color: #fff;
-    transition: .5s;
+    transition: 0.5s;
   }
 
   .feedNavBarLeft a:hover {
@@ -51,15 +47,15 @@
     content: "Follow Requests";
     position: absolute;
     top: 20px; /* Adjust this value to position the text as needed */
-  left: 50%;
-  transform: translateX(-50%);
-  background-color: #333;
-  color: #000;
-  padding: 5px 10px;
-  border-radius: 5px;
-  opacity: 0;
-  visibility: hidden;
-  transition: opacity 0.3s ease, visibility 0.3s ease;
+    left: 50%;
+    transform: translateX(-50%);
+    background-color: #333;
+    color: #000;
+    padding: 5px 10px;
+    border-radius: 5px;
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.3s ease, visibility 0.3s ease;
   }
 
   /* Feed navbar right */
@@ -81,15 +77,14 @@
     border: 1px solid var(--titleblue);
   }
 
-
   .FeedNavBar .feedNavBarRight .formFeedSearch button {
     border: none;
     outline: none;
     padding: 10px;
     margin-left: 1rem;
     color: var(--lightgreen);
     background-color: #fff;
-    transition: .5s;
+    transition: 0.5s;
   }
 
   .FeedNavBar .feedNavBarRight .formFeedSearch button:hover {
@@ -115,5 +110,5 @@
 /* Desktop versions now */
 
 @media screen and (min-width: 1080px) {
-
+  /* Desktop versions now */
 }
diff --git a/src/stylesheets/feed/post.css b/src/stylesheets/feed/post.css
diff --git a/src/stylesheets/feed/posts.css b/src/stylesheets/feed/posts.css
@@ -1,3 +1,4 @@
+/* stylelint-disable no-descending-specificity */
 :root {
   --titleblue: rgba(2, 59, 86, 1);
   --lightgreen: rgba(44, 188, 100, 1);
@@ -24,7 +25,6 @@
 /* Tablet version */
 
 @media screen and (min-width: 748px) {
-
   .postHeader {
     display: flex;
     justify-content: space-between;
@@ -63,7 +63,7 @@
   .postHeader .postHeaderRight button i {
     font-size: 25px;
     font-weight: bold;
-    transition: .5s;
+    transition: 0.5s;
   }
 
   .postHeader .postHeaderRight button i:hover {
@@ -109,14 +109,13 @@
     align-items: center;
   }
 
-
   .postInteractions div p {
     margin-right: 1rem;
   }
 
   .postInteractions div p i {
     font-size: 22px;
-    margin-right: .3rem;
+    margin-right: 0.3rem;
     color: var(--lightgreen);
   }
 
@@ -126,7 +125,7 @@
     border: none;
     cursor: pointer;
     padding: 5px;
-    transition: .5s;
+    transition: 0.5s;
     background-color: var(--herobg);
   }
 
@@ -142,7 +141,7 @@
   }
 
   .postInteractions div button i {
-    margin-right: .5rem;
+    margin-right: 0.5rem;
   }
 
   /* The toggle */
@@ -179,18 +178,18 @@
     margin: 0.5rem 0;
     width: 100%;
     padding: 8px;
-  outline: none;
-  border: none;
-  border-bottom: 1px solid var(--titleblue);
+    outline: none;
+    border: none;
+    border-bottom: 1px solid var(--titleblue);
   }
 
   .addpostForm textarea {
     width: 100%;
     height: 6rem;
     padding: 8px;
-  outline: none;
-  border: none;
-  border-bottom: 1px solid var(--titleblue);
+    outline: none;
+    border: none;
+    border-bottom: 1px solid var(--titleblue);
   }
 
   .addPost form div {
@@ -205,10 +204,6 @@
     border-bottom: none;
   }
 
-  .addPost form div button {
-    flex: 1;
-  }
-
   .addPost form div button {
     flex: 1;
     width: 100%;
@@ -221,15 +216,15 @@
     font-size: 18px;
     background: var(--lightgreen);
   }
-  
+
   .addPost form div button:hover {
     border: 1px solid var(--lightgreen);
     background: #fff;
     cursor: pointer;
     transition: 0.5s;
     color: var(--lightgreen);
   }
-  
+
   .loginForm button:active {
     color: #fff;
     background: var(--lightgreen);
@@ -239,5 +234,5 @@
 /* Desktop versions now */
 
 @media screen and (min-width: 1080px) {
-
+  /* Desktop versions now */
 }