prettier format

saadeghi · Sep 21, 2023 · 6f3fab5 · 6f3fab5
1 parent 177301f
commit 6f3fab5
Show file tree

Hide file tree

Showing 75 changed files with 246 additions and 244 deletions.
diff --git a/src/components/styled/alert.css b/src/components/styled/alert.css
@@ -1,5 +1,5 @@
 .alert {
-  @apply p-4 rounded-box text-base-content border border-base-200;
+  @apply rounded-box text-base-content border-base-200 border p-4;
   --alert-bg: hsl(var(--b2));
   --alert-bg-mix: hsl(var(--b1));
   background-color: var(--alert-bg);

diff --git a/src/components/styled/avatar.css b/src/components/styled/avatar.css
@@ -1,6 +1,6 @@
 .avatar-group {
   @apply flex overflow-hidden;
   :where(.avatar) {
-    @apply overflow-hidden rounded-full border-4 border-base-100;
+    @apply border-base-100 overflow-hidden rounded-full border-4;
   }
 }
diff --git a/src/components/styled/badge.css b/src/components/styled/badge.css
@@ -1,5 +1,5 @@
 .badge {
-  @apply border border-base-200 bg-base-100 text-base-content rounded-badge;
+  @apply border-base-200 bg-base-100 text-base-content rounded-badge border;
   &-neutral {
     @apply border-neutral bg-neutral text-neutral-content;
   }
@@ -13,16 +13,16 @@
     @apply border-accent bg-accent text-accent-content;
   }
   &-info {
-    @apply border-transparent bg-info text-info-content;
+    @apply bg-info text-info-content border-transparent;
   }
   &-success {
-    @apply border-transparent bg-success text-success-content;
+    @apply bg-success text-success-content border-transparent;
   }
   &-warning {
-    @apply border-transparent bg-warning text-warning-content;
+    @apply bg-warning text-warning-content border-transparent;
   }
   &-error {
-    @apply border-transparent bg-error text-error-content;
+    @apply bg-error text-error-content border-transparent;
   }
   &-ghost {
     @apply border-base-200 bg-base-200 text-base-content;

diff --git a/src/components/styled/bottom-navigation.css b/src/components/styled/bottom-navigation.css
@@ -1,5 +1,5 @@
 .btm-nav {
-  @apply h-16 bg-base-100 text-current;
+  @apply bg-base-100 h-16 text-current;
   & > * {
     @apply border-current;
 
@@ -15,12 +15,12 @@
     /* disabled */
     &.disabled,
     &[disabled] {
-      @apply border-opacity-0 bg-neutral bg-opacity-10 text-base-content text-opacity-20 pointer-events-none;
+      @apply bg-neutral text-base-content pointer-events-none border-opacity-0 bg-opacity-10 text-opacity-20;
     }
     @media (hover: hover) {
       &.disabled:hover,
       &[disabled]:hover {
-        @apply border-opacity-0 bg-neutral bg-opacity-10 text-base-content text-opacity-20 pointer-events-none;
+        @apply bg-neutral text-base-content pointer-events-none border-opacity-0 bg-opacity-10 text-opacity-20;
       }
     }
     .label {

diff --git a/src/components/styled/button.css b/src/components/styled/button.css
@@ -1,5 +1,5 @@
 .btn {
-  @apply font-semibold no-underline gap-2;
+  @apply gap-2 font-semibold no-underline;
   border-width: var(--border-btn, 1px);
   animation: button-pop var(--animation-btn, 0.25s) ease-out;
   text-transform: var(--btn-text-case, uppercase);
@@ -11,7 +11,7 @@
 
   /* default btn */
   & {
-    @apply border-base-200 bg-base-200 text-base-content no-underline outline-base-content;
+    @apply border-base-200 bg-base-200 text-base-content outline-base-content no-underline;
     @media (hover: hover) {
       &:hover {
         @apply border-base-300 bg-base-300;
@@ -136,15 +136,15 @@
     @apply border border-transparent bg-transparent text-current shadow-none outline-current;
     @media (hover: hover) {
       &:hover {
-        @apply border-opacity-0 bg-base-content bg-opacity-20;
+        @apply bg-base-content border-opacity-0 bg-opacity-20;
       }
     }
     &.btn-active {
-      @apply border-opacity-0 bg-base-content bg-opacity-20;
+      @apply bg-base-content border-opacity-0 bg-opacity-20;
     }
   }
   &-link {
-    @apply border-transparent bg-transparent text-primary underline shadow-none outline-current;
+    @apply text-primary border-transparent bg-transparent underline shadow-none outline-current;
     @media (hover: hover) {
       &:hover {
         @apply border-transparent bg-transparent underline;
@@ -157,7 +157,7 @@
 
   /* outline */
   &-outline {
-    @apply border-current bg-transparent text-base-content shadow-none;
+    @apply text-base-content border-current bg-transparent shadow-none;
     @media (hover: hover) {
       &:hover {
         @apply border-base-content bg-base-content text-base-100;
@@ -249,13 +249,13 @@
   &.btn-disabled,
   &[disabled],
   &:disabled {
-    @apply border-opacity-0 bg-neutral bg-opacity-20 text-base-content text-opacity-20;
+    @apply bg-neutral text-base-content border-opacity-0 bg-opacity-20 text-opacity-20;
   }
   @media (hover: hover) {
     &-disabled:hover,
     &[disabled]:hover,
     &:disabled:hover {
-      @apply border-opacity-0 bg-neutral bg-opacity-20 text-base-content text-opacity-20;
+      @apply bg-neutral text-base-content border-opacity-0 bg-opacity-20 text-opacity-20;
     }
   }
 }
@@ -265,7 +265,7 @@
   & > .btn-active {
     @apply border-primary bg-primary text-primary-content;
     &:focus-visible {
-      @apply outline outline-2 outline-primary;
+      @apply outline-primary outline outline-2;
     }
   }
 }

diff --git a/src/components/styled/card.css b/src/components/styled/card.css
@@ -19,10 +19,10 @@
     outline-offset: 2px;
   }
   &.bordered {
-    @apply border border-base-200;
+    @apply border-base-200 border;
   }
   &-bordered {
-    @apply border border-base-200;
+    @apply border-base-200 border;
   }
   &.compact {
     .card-body {
@@ -38,11 +38,11 @@
   }
   &.image-full {
     &:before {
-      @apply z-10 bg-neutral opacity-75 rounded-box;
+      @apply bg-neutral rounded-box z-10 opacity-75;
     }
   }
   &.image-full > &-body {
-    @apply z-20 text-neutral-content;
+    @apply text-neutral-content z-20;
   }
   &.image-full {
     :where(figure) {

diff --git a/src/components/styled/checkbox.css b/src/components/styled/checkbox.css
@@ -1,9 +1,9 @@
 .checkbox {
   --chkbg: var(--bc);
   --chkfg: var(--b1);
-  @apply h-6 w-6 cursor-pointer appearance-none border border-base-content border-opacity-20 rounded-btn;
+  @apply border-base-content rounded-btn h-6 w-6 cursor-pointer appearance-none border border-opacity-20;
   &:focus-visible {
-    @apply outline outline-2 outline-offset-2 outline-base-content;
+    @apply outline-base-content outline outline-2 outline-offset-2;
   }
   &:checked,
   &[checked="true"],
@@ -127,7 +127,7 @@
     }
   }
   &:disabled {
-    @apply cursor-not-allowed border-transparent bg-base-content opacity-20;
+    @apply bg-base-content cursor-not-allowed border-transparent opacity-20;
   }
 }
 

diff --git a/src/components/styled/collapse.css b/src/components/styled/collapse.css
@@ -1,29 +1,29 @@
 .collapse {
-  @apply w-full rounded-box;
+  @apply rounded-box w-full;
 }
 details.collapse {
   @apply w-full;
   & summary {
-    @apply block relative;
+    @apply relative block;
     &::-webkit-details-marker {
       @apply hidden;
     }
   }
 }
 
 .collapse:focus-visible {
-  @apply outline outline-2 outline-offset-2 outline-base-content;
+  @apply outline-base-content outline outline-2 outline-offset-2;
 }
 details.collapse summary {
   @apply outline-none;
 }
 .collapse:has(.collapse-title:focus-visible),
 .collapse:has(> input[type="checkbox"]:focus-visible),
 .collapse:has(> input[type="radio"]:focus-visible) {
-  @apply outline outline-2 outline-offset-2 outline-base-content;
+  @apply outline-base-content outline outline-2 outline-offset-2;
 }
 .collapse-arrow > .collapse-title:after {
-  @apply absolute block h-2 w-2 transition-all ease-out rotate-[45deg] translate-y-[-100%];
+  @apply absolute block h-2 w-2 translate-y-[-100%] rotate-[45deg] transition-all ease-out;
   transition-duration: 0.2s;
   top: 50%;
   right: 1.4rem;
@@ -89,7 +89,7 @@ details.collapse summary {
 .collapse-arrow:focus:not(.collapse-close) > .collapse-title:after,
 .collapse-arrow:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-title:after,
 .collapse-arrow:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-title:after {
-  @apply rotate-[225deg] translate-y-[-50%];
+  @apply translate-y-[-50%] rotate-[225deg];
 }
 [dir="rtl"] .collapse[open].collapse-arrow > .collapse-title:after,
 [dir="rtl"] .collapse-open.collapse-arrow > .collapse-title:after,

diff --git a/src/components/styled/drawer.css b/src/components/styled/drawer.css
@@ -2,7 +2,7 @@
   width: 100%;
   &-side {
     & > .drawer-overlay {
-      @apply cursor-pointer bg-transparent duration-200 ease-out transition-colors;
+      @apply cursor-pointer bg-transparent transition-colors duration-200 ease-out;
     }
   }
   &-toggle {

diff --git a/src/components/styled/file-input.css b/src/components/styled/file-input.css
@@ -1,8 +1,8 @@
 .file-input {
-  @apply border border-base-content border-opacity-0 bg-base-100 rounded-btn text-base overflow-hidden;
+  @apply border-base-content bg-base-100 rounded-btn overflow-hidden border border-opacity-0 text-base;
   &::file-selector-button {
     border-style: solid;
-    @apply font-semibold uppercase no-underline border-neutral bg-neutral text-neutral-content;
+    @apply border-neutral bg-neutral text-neutral-content font-semibold uppercase no-underline;
     border-width: var(--border-btn, 1px);
     animation: button-pop var(--animation-btn, 0.25s) ease-out;
     text-transform: var(--btn-text-case, uppercase);
@@ -11,12 +11,12 @@
     @apply border-opacity-20;
   }
   &:focus {
-    @apply outline outline-2 outline-offset-2 outline-base-content/20;
+    @apply outline-base-content/20 outline outline-2 outline-offset-2;
   }
   &-ghost {
     @apply bg-opacity-5;
     &:focus {
-      @apply bg-opacity-100 text-base-content;
+      @apply text-base-content bg-opacity-100;
       box-shadow: none;
     }
     &::file-selector-button {
@@ -88,9 +88,9 @@
   }
   &-disabled,
   &[disabled] {
-    @apply cursor-not-allowed border-base-200 bg-base-200 text-opacity-20 placeholder-base-content placeholder-opacity-20;
+    @apply border-base-200 bg-base-200 placeholder-base-content cursor-not-allowed text-opacity-20 placeholder-opacity-20;
     &::file-selector-button {
-      @apply border-opacity-0 bg-neutral bg-opacity-20 text-base-content text-opacity-20;
+      @apply bg-neutral text-base-content border-opacity-0 bg-opacity-20 text-opacity-20;
     }
   }
 }
diff --git a/src/components/styled/footer.css b/src/components/styled/footer.css
@@ -1,5 +1,5 @@
 .footer {
-  @apply gap-y-10 gap-x-4 text-sm;
+  @apply gap-x-4 gap-y-10 text-sm;
   & > * {
     @apply gap-2;
   }

diff --git a/src/components/styled/form.css b/src/components/styled/form.css
@@ -1,10 +1,10 @@
 .label {
   @apply px-1 py-2;
   &-text {
-    @apply text-sm text-base-content;
+    @apply text-base-content text-sm;
   }
   &-text-alt {
-    @apply text-xs text-base-content;
+    @apply text-base-content text-xs;
   }
   a {
     @apply [@media(hover:hover)]:hover:text-base-content;

diff --git a/src/components/styled/input.css b/src/components/styled/input.css
@@ -1,18 +1,18 @@
 .input {
-  @apply border border-base-content border-opacity-0 bg-base-100 rounded-btn text-base;
+  @apply border-base-content bg-base-100 rounded-btn border border-opacity-0 text-base;
   &[list]::-webkit-calendar-picker-indicator {
     line-height: 1em;
   }
   &-bordered {
     @apply border-opacity-20;
   }
   &:focus {
-    @apply outline outline-2 outline-offset-2 outline-base-content/20;
+    @apply outline-base-content/20 outline outline-2 outline-offset-2;
   }
   &-ghost {
     @apply bg-opacity-5;
     &:focus {
-      @apply bg-opacity-100 text-base-content;
+      @apply text-base-content bg-opacity-100;
       box-shadow: none;
     }
   }
@@ -61,7 +61,7 @@
   &-disabled,
   &:disabled,
   &[disabled] {
-    @apply cursor-not-allowed border-base-200 bg-base-200 text-opacity-20 placeholder-base-content placeholder-opacity-20;
+    @apply border-base-200 bg-base-200 placeholder-base-content cursor-not-allowed text-opacity-20 placeholder-opacity-20;
   }
   /* &::-webkit-calendar-picker-indicator {
     display: none;

diff --git a/src/components/styled/join.css b/src/components/styled/join.css
@@ -1,7 +1,7 @@
 .join {
   @apply rounded-btn;
   & > :where(*:not(:first-child)) {
-    @apply -ml-px my-0;
+    @apply my-0 -ml-px;
   }
   &-item:focus {
     @apply isolate;

diff --git a/src/components/styled/kbd.css b/src/components/styled/kbd.css
@@ -1,5 +1,5 @@
 .kbd {
-  @apply border border-base-content border-opacity-20 bg-base-200 px-2 rounded-btn;
+  @apply border-base-content bg-base-200 rounded-btn border border-opacity-20 px-2;
   border-bottom-width: 2px;
   min-height: 2.2em;
   min-width: 2.2em;

diff --git a/src/components/styled/loading.css b/src/components/styled/loading.css
diff --git a/src/components/styled/menu.css b/src/components/styled/menu.css
@@ -7,15 +7,15 @@
   height: 1px;
 }
 .menu :where(li ul) {
-  @apply pl-2 ml-4;
+  @apply ml-4 pl-2;
   &:before {
-    @apply absolute left-0 w-px top-3 bottom-3 bg-base-content/10;
+    @apply bg-base-content/10 absolute bottom-3 left-0 top-3 w-px;
     content: "";
   }
 }
 .menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
 .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
-  @apply px-4 py-2 rounded-btn transition duration-200 ease-out text-left;
+  @apply rounded-btn px-4 py-2 text-left transition duration-200 ease-out;
   text-wrap: balance;
 }
 
@@ -24,11 +24,11 @@
   &:not(summary):not(.active).focus,
   &:not(summary):not(.active):focus,
   &:is(summary):not(.active):focus-visible {
-    @apply outline-none bg-base-content/10 text-base-content cursor-pointer;
+    @apply bg-base-content/10 text-base-content cursor-pointer outline-none;
   }
   @media (hover: hover) {
     &:not(.active):hover {
-      @apply outline-none bg-base-content/10 text-base-content cursor-pointer;
+      @apply bg-base-content/10 text-base-content cursor-pointer outline-none;
     }
   }
 }
@@ -67,5 +67,5 @@
   margin-top: 0;
 }
 .menu-title {
-  @apply text-sm font-bold text-base-content/40 px-4 py-2;
+  @apply text-base-content/40 px-4 py-2 text-sm font-bold;
 }