DEV: adds prettier (#5956)

Run `prettier --write "app/assets/stylesheets/**/*.scss" "plugins/**/*.scss"` after making sure you installed it with `yarn`

It's recommended to configure your editor to run prettier on file save.

plugins/discourse-details/assets/stylesheets/details.scss

@@ -18,8 +18,8 @@ summary:first-of-type {
 }
 
 summary:before {
-  content: '\25BA';
-  margin-right: .25em;
+  content: "\25BA";
+  margin-right: 0.25em;
 }
 
 details[open] > * {
@@ -27,12 +27,12 @@ details[open] > * {
 }
 
 details[open] > summary:before,
-details.open  > summary:before {
-  content: '\25BC';
+details.open > summary:before {
+  content: "\25BC";
 }
 
 details[open] > summary:first-of-type ~ *,
-details.open  > summary:first-of-type ~ * {
+details.open > summary:first-of-type ~ * {
   display: block;
 }
 
@@ -46,11 +46,9 @@ details .lazyYT-container {
   display: none;
 }
 
-
 .elided {
-
   summary:before {
-    content: '' !important;
+    content: "" !important;
     display: none;
   }
 
@@ -68,7 +66,6 @@ details .lazyYT-container {
     border: 1px solid #ddd;
     width: 21px;
     line-height: 12px;
-
   }
 
   summary:hover {

plugins/discourse-local-dates/assets/stylesheets/common/discourse-local-dates.scss

@@ -8,7 +8,7 @@
     cursor: pointer;
 
     .d-icon-globe {
-      margin-right: .25em;
+      margin-right: 0.25em;
       color: $primary-medium;
 
       &:hover {
@@ -27,7 +27,8 @@
   align-items: center;
   justify-content: flex-start;
 
-  &:before, &:after {
+  &:before,
+  &:after {
     content: none;
   }
 
@@ -111,28 +112,30 @@
         width: 300px;
       }
     }
-   }
+  }
 
-   .format {
-     .format-input {
-       width: 280px;
-     }
-   }
+  .format {
+    .format-input {
+      width: 280px;
+    }
+  }
 
-   .formats {
-     list-style: none;
-     padding: 0;
-     margin: 0;
-     .format {
-       .previewed-format {
-         color: $primary-medium;
-       }
-     }
-   }
+  .formats {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    .format {
+      .previewed-format {
+        color: $primary-medium;
+      }
+    }
+  }
 
-   .control-group.recurrence, .control-group.format, .control-group.timezones {
-     margin-top: 1em;
-   }
+  .control-group.recurrence,
+  .control-group.format,
+  .control-group.timezones {
+    margin-top: 1em;
+  }
 
   .timezones-input {
     width: 99%;

plugins/discourse-presence/assets/stylesheets/presence.scss

@@ -2,23 +2,23 @@
   background-color: $secondary;
   color: $primary-medium;
   display: flex;
-  
+
   span.presence-text {
     margin-left: 5px;
     margin-right: 2px;
     flex: 0 0 auto;
-    padding-top: 3px;    
+    padding-top: 3px;
   }
 
   .presence-avatars {
     display: flex;
     overflow: hidden;
-    flex-wrap: wrap;    
+    flex-wrap: wrap;
   }
 
   .wave {
     flex: 0 0 auto;
-    
+
     .dot {
       display: inline-block;
       animation: wave 1.8s linear infinite;
@@ -34,7 +34,9 @@
   }
 
   @keyframes wave {
-    0%, 60%, 100% {
+    0%,
+    60%,
+    100% {
       transform: initial;
     }
 
@@ -49,7 +51,7 @@
   top: 18px;
   right: 40px;
   @media screen and (max-width: $small-width) {
-    max-width: 318px;    
+    max-width: 318px;
     .presence-avatars {
       flex-wrap: nowrap;
     }
@@ -68,7 +70,7 @@
       flex-wrap: nowrap;
     }
     .description {
-      display:none;
+      display: none;
     }
   }
 }

plugins/poll/assets/stylesheets/common/poll.scss

@@ -1,5 +1,5 @@
-$border-color: rgb(219,219,219);
-$text-color: #9E9E9E;
+$border-color: rgb(219, 219, 219);
+$text-color: #9e9e9e;
 
 $option-background: dark-light-diff($primary, $secondary, 90%, -65%);
 
@@ -9,7 +9,8 @@ div.poll {
 
   @include unselectable;
 
-  ul, ol {
+  ul,
+  ol {
     margin: 0;
     padding: 0;
     list-style: none;
@@ -25,7 +26,7 @@ div.poll {
 
   li[data-poll-option-id] {
     color: $primary;
-    padding: .5em .7em .7em .5em;
+    padding: 0.5em 0.7em 0.7em 0.5em;
   }
 
   .button {
@@ -95,7 +96,6 @@ div.poll {
   }
 
   .results {
-
     .option {
       padding-bottom: 5px;
       p {
@@ -116,7 +116,7 @@ div.poll {
 
     .bar {
       height: 10px;
-      background: dark-light-diff($primary, $secondary, 50%, -25%);;
+      background: dark-light-diff($primary, $secondary, 50%, -25%);
     }
 
     .chosen .bar {
@@ -125,13 +125,10 @@ div.poll {
   }
 
   &[data-poll-type="number"] {
-
     li[data-poll-option-id] {
       display: inline-block;
       width: 45px;
       margin-right: 5px;
     }
-
   }
-
 }

plugins/poll/assets/stylesheets/mobile/poll.scss

@@ -9,7 +9,7 @@ div.poll {
 
   .poll-info {
     .info-label:before {
-      content:"\00a0"; //nbsp
+      content: "\00a0"; //nbsp
     }
   }
 }