nix fmt - userChrome.css with prettier

1 files changed, 57 insertions, 25 deletions

diff --git a/userChrome.css b/userChrome.css
index 7ec4588..5c9af1e 100644
--- a/userChrome.css
+++ b/userChrome.css
@@ -5,30 +5,43 @@
 
   #TabsToolbar {
     /* Move new tab to far right */
-    #tabbrowser-arrowscrollbox-periphery { margin-left: auto }
+    #tabbrowser-arrowscrollbox-periphery {
+      margin-left: auto;
+    }
     /* remove alltabs button */
-    #alltabs-button { display: none }
+    #alltabs-button {
+      display: none;
+    }
   }
 
   #nav-bar {
     /* Remove overflow button */
-    #nav-bar-overflow-button { display: none }
+    #nav-bar-overflow-button {
+      display: none;
+    }
   }
 
   #PersonalToolbar {
     /* Change background color of bookmarks toolbar */
     background: var(--toolbox-bgcolor) !important;
     /* Adjust spacing of toolbar items */
-    #PlacesToolbarItems { gap: .35rem; margin-block: .2rem }
+    #PlacesToolbarItems {
+      gap: 0.35rem;
+      margin-block: 0.2rem;
+    }
   }
 }
 
 /* Media queries for width of nav bar */
 @media screen and (max-width: 1000px) {
-  #navigator-toolbox { --uc-navigationbar-width: 50vw }
+  #navigator-toolbox {
+    --uc-navigationbar-width: 50vw;
+  }
 }
 @media screen and (max-width: 800px) {
-  #navigator-toolbox { --uc-navigationbar-width: 60vw }
+  #navigator-toolbox {
+    --uc-navigationbar-width: 60vw;
+  }
 }
 
 /* Change look of tabs in smaller view */
@@ -37,16 +50,19 @@
     /* TODO fix w/o. Don't allow tabbar to move up when moving tabs */
     height: 37px;
     /* Make tabs fill more vertical space */
-    .tab-background { margin-block: 1px !important }
+    .tab-background {
+      margin-block: 1px !important;
+    }
   }
 }
 
-
 /* COMBINE TOP BAR */
 /* Combine top bar into single line if width >= 800px */
 @media screen and (min-width: 800px) {
   /* Half height bar */
-  :root { --uc-toolbar-height: 36px }
+  :root {
+    --uc-toolbar-height: 36px;
+  }
 
   /* Modify these to change relative widths or default height */
   #navigator-toolbox {
@@ -54,7 +70,9 @@
     padding-top: 1px; /* Top bar is cut off otherwise */
 
     #TabsToolbar {
-      margin-left: calc(var(--uc-navigationbar-width) + 2px); /* Resize tab bar */
+      margin-left: calc(
+        var(--uc-navigationbar-width) + 2px
+      ); /* Resize tab bar */
       margin-top: -4px;
       margin-bottom: 2px;
 
@@ -68,20 +86,25 @@
         }
 
         /* 1px margin on touch density causes tabs to be too high */
-        .tab-close-button { margin-top: 0 !important }
+        .tab-close-button {
+          margin-top: 0 !important;
+        }
       }
 
-       /* Center tab buttons */
-      #tabs-newtab-button, #alltabs-button { margin-top: 4px !important }
+      /* Center tab buttons */
+      #tabs-newtab-button,
+      #alltabs-button {
+        margin-top: 4px !important;
+      }
     }
 
     /* Integrate url / nav bar */
     #nav-bar {
-      margin-right:calc(100vw - var(--uc-navigationbar-width));
+      margin-right: calc(100vw - var(--uc-navigationbar-width));
       margin-top: calc(0px - var(--uc-toolbar-height));
       border-radius: 0 var(--tab-border-radius) var(--tab-border-radius) 0;
       border-right: 1px solid ThreeDShadow !important;
-      box-shadow: 0 0 4px rgba(0,0,0,.4) !important;
+      box-shadow: 0 0 4px rgba(0, 0, 0, 0.4) !important;
       /* Fix spacing around tabs by removing nav bar top border */
       border: none !important;
 
@@ -89,12 +112,16 @@
         /* Remove min and max width of urlbar */
         width: 0 !important;
         /* Make opened urlbar overlay the toolbar */
-        #urlbar[open]:focus-within { min-width: 50vw !important }
+        #urlbar[open]:focus-within {
+          min-width: 50vw !important;
+        }
       }
     }
 
     /* Bottom of tags is cut off by 1px without this */
-    #PersonalToolbar { margin-top: 1px }
+    #PersonalToolbar {
+      margin-top: 1px;
+    }
   }
 
   /* Fix customization view */
@@ -107,11 +134,10 @@
     width: 600px !important;
     border-radius: 0 0 0 5px;
     border-bottom: none !important;
-    box-shadow: 0 2px 4px rgba(0,0,0,.4); /* Move down 2px so it doesn't go over the tab bar */
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); /* Move down 2px so it doesn't go over the tab bar */
   }
 }
 
-
 /* FINDBAR */
 findbar {
   width: 100vw;
@@ -126,7 +152,7 @@ findbar {
 
   .findbar-container {
     padding-bottom: 5px !important; /* Move search bar closer to left edge */
-    padding-top:    2px !important; /* Move search bar closer to left edge */
+    padding-top: 2px !important; /* Move search bar closer to left edge */
     height: max-content !important;
     gap: 2px;
     justify-content: space-between;
@@ -142,7 +168,9 @@ findbar {
       /* Hide description showing wrap conditions etc. */
       display: none;
       /* Show description when it says "Phrase Not Found" */
-      &[status=notfound] { display: inline-block }
+      &[status="notfound"] {
+        display: inline-block;
+      }
     }
 
     /* Move found matches label (roughly) into the textbox */
@@ -158,18 +186,22 @@ findbar {
     }
 
     /* Force checkboxes onto second line */
-    hbox { width: 100% }
+    hbox {
+      width: 100%;
+    }
   }
 }
 
-
 /* BOOKMARK BAR */
-@-moz-document url(chrome://browser/content/browser.xhtml) {
+@-moz-document url(chrome://browser/content/browser.xhtml)
+{
   #PersonalToolbar {
     background: -moz-headerbar Field !important;
     border-top: 1px solid ThreeDShadow !important;
     z-index: 1000; /* To not be affected by shadow from navbar */
     /* Space out bookmark items */
-   .bookmark-item .toolbarbutton-text { padding: 2.5px 4px }
+    .bookmark-item .toolbarbutton-text {
+      padding: 2.5px 4px;
+    }
   }
 }