format css

sprocketc · sprocketc · commit 6a267d13d08c · 2024-04-18T11:09:54.000+03:00
diff --git a/.editorconfig b/.editorconfig
@@ -6,7 +6,7 @@ charset = utf-8
 trim_trailing_whitespace = true
 insert_final_newline = true
 
-[*{clj,cljc,cljs,js,edn}]
+[*{clj,cljc,cljs,js,edn,css}]
 indent_style = space
 indent_size = 2
 
diff --git a/src/renderer/animations.css b/src/renderer/animations.css
@@ -1,70 +1,70 @@
 @keyframes slideUpAndFade {
-    from {
-        opacity: 0;
-        transform: translateY(2px);
-    }
-    to {
-        opacity: 1;
-        transform: translateY(0);
-    }
+  from {
+    opacity: 0;
+    transform: translateY(2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
 }
 
 @keyframes slideRightAndFade {
-from {
-        opacity: 0;
-        transform: translateX(-2px);
-    }
-    to {
-        opacity: 1;
-        transform: translateX(0);
-    }
+  from {
+    opacity: 0;
+    transform: translateX(-2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
 }
 
 @keyframes slideDownAndFade {
-    from {
-        opacity: 0;
-        transform: translateY(-2px);
-    }
-    to {
-        opacity: 1;
-        transform: translateY(0);
-    }
+  from {
+    opacity: 0;
+    transform: translateY(-2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
 }
 
 @keyframes slideLeftAndFade {
-    from {
-        opacity: 0;
-        transform: translateX(2px);
-    }
-    to {
-        opacity: 1;
-        transform: translateX(0);
-    }
+  from {
+    opacity: 0;
+    transform: translateX(2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
 }
 
 @keyframes hide {
-    from {
-      opacity: 1;
-    }
-    to {
-      opacity: 0;
-    }
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
 }
 
 @keyframes slideIn {
-    from {
-      transform: translateX(calc(100% + var(--viewport-padding)));
-    }
-    to {
-      transform: translateX(0);
-    }
+  from {
+    transform: translateX(calc(100% + var(--viewport-padding)));
   }
-  
-  @keyframes swipeOut {
-    from {
-      transform: translateX(var(--radix-toast-swipe-end-x));
-    }
-    to {
-      transform: translateX(calc(100% + var(--viewport-padding)));
-    }
+  to {
+    transform: translateX(0);
   }
+}
+
+@keyframes swipeOut {
+  from {
+    transform: translateX(var(--radix-toast-swipe-end-x));
+  }
+  to {
+    transform: translateX(calc(100% + var(--viewport-padding)));
+  }
+}
diff --git a/src/renderer/attribute/styles.css b/src/renderer/attribute/styles.css
@@ -1,21 +1,21 @@
 .attribute-grid {
-    @apply grid grid-cols-2 grid-flow-row my-px w-full gap-px;
-    grid-template-columns: minmax(100px, auto) 1fr;
+  @apply grid grid-cols-2 grid-flow-row my-px w-full gap-px;
+  grid-template-columns: minmax(100px, auto) 1fr;
 }
 
 .support-cell {
-    @apply text-2xs p-px m-px;
+  @apply text-2xs p-px m-px;
 }
 
 .form-input {
-    .clear-input-button {
-        visibility: hidden;
-    }
+  .clear-input-button {
+    visibility: hidden;
+  }
 
-    &:hover,
-    &:active {
-        .clear-input-button {
-            visibility: visible;
-        }
+  &:hover,
+  &:active {
+    .clear-input-button {
+      visibility: visible;
     }
+  }
 }
diff --git a/src/renderer/codemirror/styles.css b/src/renderer/codemirror/styles.css
@@ -1,38 +1,38 @@
 .CodeMirror-selected {
-    @apply overlay !important;
+  @apply overlay !important;
 }
 
 .CodeMirror-cursor {
-    border-left: 1px solid var(--font-color) !important;
-    height: 16px !important;
+  border-left: 1px solid var(--font-color) !important;
+  height: 16px !important;
 }
 
 .CodeMirror-matchingbracket {
-    @apply overlay !important;
-    text-decoration: none !important;
+  @apply overlay !important;
+  text-decoration: none !important;
 }
 
 .CodeMirror-wrap {
-    @apply form-element p-0;
+  @apply form-element p-0;
 
-    pre {
-        word-break: break-word !important;
-    }
+  pre {
+    word-break: break-word !important;
+  }
 }
 
 .CodeMirror-gutters {
-    @apply bg-secondary !important;
+  @apply bg-secondary !important;
 }
 
 .CodeMirror {
-    @apply font-mono h-auto z-0;
-    background: transparent !important;
+  @apply font-mono h-auto z-0;
+  background: transparent !important;
 }
 
 .CodeMirror-sizer {
-    min-height: initial !important;
+  min-height: initial !important;
 }
 
 .CodeMirror-lines {
-    @apply p-0;
+  @apply p-0;
 }
diff --git a/src/renderer/history/styles.css b/src/renderer/history/styles.css
@@ -1,22 +1,22 @@
 .rd3t-node,
 .rd3t-leaf-node {
-    circle {
-        transition: fill .3s;
-    }
+  circle {
+    transition: fill .3s;
+  }
 
-    &:hover {
-        circle {
-            stroke : var(--accent);
-        }
+  &:hover {
+    circle {
+      stroke : var(--accent);
     }
+  }
 }
 
 .rd3t-link {
-    stroke : var(--border-color) !important;
-    stroke-width: 3;
+  stroke : var(--border-color) !important;
+  stroke-width: 3;
 }
 
 .rd3t-label__title {
-    font-weight: normal !important;
-    fill: inherit !important;
+  font-weight: normal !important;
+  fill: inherit !important;
 }
diff --git a/src/renderer/reepl/styles.css b/src/renderer/reepl/styles.css
@@ -1,7 +1,7 @@
 .repl-item {
-    @apply font-mono p-0.5 flex text-xs min-h-4;
+  @apply font-mono p-0.5 flex text-xs min-h-4;
 }
 
 .function {
-    @apply inline-block shrink-0 box-border	;
+  @apply inline-block shrink-0 box-border;
 }
diff --git a/src/renderer/styles.css b/src/renderer/styles.css
@@ -91,7 +91,7 @@
     font-size: 12px;
     box-shadow: none !important;
     color: var(--font-color) !important;
-    
+
     &:hover,
     &:focus {
       color: var(--font-color-active) !important;
@@ -228,7 +228,7 @@ label {
 
 .v-scroll {
   @apply box-border overflow-y-auto;
-  
+
   /* scrollbar-gutter: stable; */
 }
 
@@ -259,7 +259,7 @@ pre {
 .icon {
   display: flex;
   justify-content: center;
-  
+
   div {
     display: flex;
     fill: inherit;
@@ -291,7 +291,7 @@ pre {
     &:first-child {
       @apply rounded-l ml-0;
     }
-  
+
     &:last-child {
       @apply rounded-r;
     }
@@ -309,7 +309,7 @@ pre {
     line-height: 22px;
     margin: 0 !important;
     border-radius: 2px !important;
-    
+
     svg {
       width: 13px;
       height: 13px;
@@ -328,7 +328,7 @@ pre {
   height: 10px;
   width: 10px;
 }
-            
+
 .v-divider {
   @apply mx-1;
   height: 27px;
@@ -375,7 +375,7 @@ pre {
   &[data-resize-handle-state="drag"] {
     &:after {
       background-color: var(--accent);
-    } 
+    }
   }
 }
 
@@ -393,15 +393,15 @@ pre {
   @apply drop-shadow-md;
 
   > div {
-    @apply absolute top-2 left-auto right-2 overflow-hidden font-sans text-sm 
+    @apply absolute top-2 left-auto right-2 overflow-hidden font-sans text-sm
     px-2 py-1.5 bg-white text-gray-500 !important;
 
     > div {
       @apply left-0 right-0 bottom-0 bg-white !important;
 
       > div {
         background-color: var(--accent) !important;
-      } 
+      }
     }
   }
 }
diff --git a/src/renderer/theme/styles.css b/src/renderer/theme/styles.css
diff --git a/src/renderer/timeline/styles.css b/src/renderer/timeline/styles.css
diff --git a/src/renderer/tree/styles.css b/src/renderer/tree/styles.css

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`.repl-item {`
`2`		`- @apply font-mono p-0.5 flex text-xs min-h-4;`
	`2`	`+ @apply font-mono p-0.5 flex text-xs min-h-4;`
`3`	`3`	`}`
`4`	`4`
`5`	`5`	`.function {`
`6`		`- @apply inline-block shrink-0 box-border ;`
	`6`	`+ @apply inline-block shrink-0 box-border;`
`7`	`7`	`}`