tidy css/less/scss with precious

Author: haarg

precious.toml

@@ -44,7 +44,7 @@ ignore-stderr = [
 
 [commands.prettier]
 type    = "both"
-include = [ "**/*.md", "**/*.yml", "**/*.yaml" ]
+include = [ "**/*.md", "**/*.yml", "**/*.yaml", "**/*.css", "**/*.less", "**/*.scss" ]
 cmd     = [
     "npx", "-s", "prettier"
 ]

root/static/css/user.css

@@ -1,9 +1,9 @@
 /* Specific css for User actions */
 
 .logged_in {
-   display: none;
+    display: none;
 }
 
 .logged_out {
-   display: none;
+    display: none;
 }

root/static/less/account.less

@@ -10,14 +10,19 @@
 
     textarea.invalid {
         background:
-            url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='18px' width='74px'><text text-anchor='end' x='74px' y='18' fill='white' font-size='18' font-weight='bold' font-family='&quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif'>invalid</text></svg>") bottom 0.2em right 0.2em/auto 1em no-repeat,
-            linear-gradient(to bottom right, rgba(153,0,0,0) 90%, rgb(153, 0, 0) 95%);
+            url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='18px' width='74px'><text text-anchor='end' x='74px' y='18' fill='white' font-size='18' font-weight='bold' font-family='&quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif'>invalid</text></svg>")
+                bottom 0.2em right 0.2em / auto 1em no-repeat,
+            linear-gradient(
+                to bottom right,
+                rgba(153, 0, 0, 0) 90%,
+                rgb(153, 0, 0) 95%
+            );
     }
 
     // to fix repeating fields like email etc
 
     .repeatable .control-group {
-        .controls:nth-child(n+3) {
+        .controls:nth-child(n + 3) {
             margin-top: 3px;
         }
     }
@@ -58,7 +63,7 @@
                     left: 20px;
                 }
                 &.profile-bitbucket .control-label {
-                    background-image: url(/static/images/profile/bitbucket.png)
+                    background-image: url(/static/images/profile/bitbucket.png);
                 }
                 &.profile-blinklist .control-label {
                     background-image: url(/static/images/profile/blinklist.png);
@@ -237,7 +242,6 @@
                 &.profile-youtube .control-label {
                     background-image: url(/static/images/profile/youtube.png);
                 }
-
             }
         }
     }
@@ -256,7 +260,9 @@
         /* We hide the remove text on mobile, to make the button smaller */
         .profiles {
             .remove {
-                span { display: none; }
+                span {
+                    display: none;
+                }
             }
 
             .control-group {
@@ -275,7 +281,6 @@
             float: none !important;
         }
     }
-
 }
 @media (min-width: 480px) {
     .profile-form {

root/static/less/author.less

@@ -23,7 +23,8 @@
 .author-pic {
     margin-bottom: 10px;
 
-    span, strong {
+    span,
+    strong {
         display: block;
     }
 
@@ -36,7 +37,7 @@
     float: left;
     width: 100%;
 
-    ul  {
+    ul {
         margin: 10px 0;
         padding-left: 0;
     }
@@ -71,14 +72,14 @@
     a {
         text-decoration: none;
     }
-  }
+}
 
 @media (max-width: 480px) {
     .author-pic {
         > a {
             > img {
                 width: 65px;
-                height: 65px
+                height: 65px;
             }
         }
     }

root/static/less/autocomplete.less

@@ -30,7 +30,7 @@
     margin-left: 10px;
 }
 
-div.autocomplete-suggestions div:nth-child(2n+2) {
+div.autocomplete-suggestions div:nth-child(2n + 2) {
     background: #f9f9f9;
 }
 
@@ -39,11 +39,11 @@ div.autocomplete-suggestions div:nth-child(2n+2) {
 /* The plugin highlights when you mouse over an item, but since I've disabled that,
    simulate the effect with css (but use a different color than the actually "selected" item). */
 .autocomplete-suggestion:hover {
-    background: #DDEEFF !important;
+    background: #ddeeff !important;
 }
 /* Use two classs (and place after) to increase priority over the above hover style. */
 .autocomplete-suggestion.autocomplete-selected {
-    background: #BAD3EA !important;
+    background: #bad3ea !important;
 }
 
 /*
@@ -52,5 +52,5 @@ div.autocomplete-suggestions div:nth-child(2n+2) {
     GH #1707, Dan McCormick
 */
 #metacpan_autocomplete-direct-results:before {
-    content: 'Authors';
+    content: "Authors";
 }

root/static/less/diff.less

@@ -10,7 +10,11 @@
 }
 
 .diff-header {
-    background: linear-gradient(to bottom, rgb(255,255,255), rgb(221,221,221));
+    background: linear-gradient(
+        to bottom,
+        rgb(255, 255, 255),
+        rgb(221, 221, 221)
+    );
     padding: 5px;
     font-family: @font-family-monospace;
 
@@ -30,7 +34,8 @@
         font-family: @font-family-monospace;
     }
 
-    .plus, .minus {
+    .plus,
+    .minus {
         float: right;
         padding-left: 5px;
         padding-right: 5px;
@@ -43,7 +48,7 @@
     }
 
     .plus {
-        background-color: #090
+        background-color: #090;
     }
 
     .minus {

root/static/less/dropdown.less

@@ -5,7 +5,7 @@
     select {
         height: auto;
         line-height: 1;
-        margin:0;
+        margin: 0;
         padding: 0;
         position: absolute;
         left: 0;