chore: Lint style

Vuepic · May 25, 2024 · 649256c · 649256c
1 parent e64125a
commit 649256c
Show file tree

Hide file tree

Showing 5 changed files with 59 additions and 49 deletions.
diff --git a/src/VueDatePicker/style/components/_ActionRow.scss b/src/VueDatePicker/style/components/_ActionRow.scss
@@ -46,6 +46,16 @@
   font-family: var(--dp-font-family);
 }
 
+.dp__action_cancel {
+  color: var(--dp-text-color);
+  border: 1px solid var(--dp-border-color);
+
+  &:hover {
+    border-color: var(--dp-primary-color);
+    transition: var(--dp-action-row-transtion);
+  }
+}
+
 .dp__action_buttons .dp__action_select {
   background: var(--dp-primary-color);
   color: var(--dp-primary-text-color);
@@ -61,12 +71,3 @@
   }
 }
 
-.dp__action_cancel {
-  color: var(--dp-text-color);
-  border: 1px solid var(--dp-border-color);
-
-  &:hover {
-    border-color: var(--dp-primary-color);
-    transition: var(--dp-action-row-transtion);
-  }
-}
diff --git a/src/VueDatePicker/style/components/_Calendar.scss b/src/VueDatePicker/style/components/_Calendar.scss
@@ -158,6 +158,7 @@
 
 .dp__cell_auto_range_start {
   @extend %__dp_range_border_radius_start;
+
   border-start-start-radius: var(--dp-cell-border-radius);
   border-end-start-radius: var(--dp-cell-border-radius);
   border-inline-start: 1px dashed var(--dp-primary-color);
@@ -167,6 +168,7 @@
 
 .dp__cell_auto_range_end {
   @extend %__dp_range_border_radius_end;
+
   border-start-end-radius: var(--dp-cell-border-radius);
   border-end-end-radius: var(--dp-cell-border-radius);
   border-top: 1px dashed var(--dp-primary-color);

diff --git a/src/VueDatePicker/style/components/_DatepickerInput.scss b/src/VueDatePicker/style/components/_DatepickerInput.scss
@@ -9,6 +9,24 @@
   }
 }
 
+.dp__input_valid {
+  box-shadow: 0 0 var(--dp-border-radius) var(--dp-success-color);
+  border-color: var(--dp-success-color);
+
+  &:hover {
+    border-color: var(--dp-success-color);
+  }
+}
+
+.dp__input_invalid {
+  box-shadow: 0 0 var(--dp-border-radius) var(--dp-danger-color);
+  border-color: var(--dp-danger-color);
+
+  &:hover {
+    border-color: var(--dp-danger-color);
+  }
+}
+
 .dp__input {
   background-color: var(--dp-background-color);
   border-radius: var(--dp-border-radius);
@@ -82,20 +100,4 @@
   padding-inline-start: var(--dp-input-icon-padding);
 }
 
-.dp__input_valid {
-  box-shadow: 0 0 var(--dp-border-radius) var(--dp-success-color);
-  border-color: var(--dp-success-color);
-
-  &:hover {
-    border-color: var(--dp-success-color);
-  }
-}
 
-.dp__input_invalid {
-  box-shadow: 0 0 var(--dp-border-radius) var(--dp-danger-color);
-  border-color: var(--dp-danger-color);
-
-  &:hover {
-    border-color: var(--dp-danger-color);
-  }
-}
diff --git a/src/VueDatePicker/style/components/_QuarterPicker.scss b/src/VueDatePicker/style/components/_QuarterPicker.scss
@@ -5,6 +5,15 @@
   min-width: var(--dp-menu-min-width);
 }
 
+.dp--qr-btn-disabled {
+  cursor: not-allowed;
+  background: var(--dp-disabled-color);
+
+  &:hover {
+    background: var(--dp-disabled-color);
+  }
+}
+
 .dp--qr-btn {
   @extend %dp--btn-placeholder;
 
@@ -42,11 +51,3 @@
   color: var(--dp-hover-text-color);
 }
 
-.dp--qr-btn-disabled {
-  cursor: not-allowed;
-  background: var(--dp-disabled-color);
-
-  &:hover {
-    background: var(--dp-disabled-color);
-  }
-}
diff --git a/src/VueDatePicker/style/components/_TimeInput.scss b/src/VueDatePicker/style/components/_TimeInput.scss
@@ -46,20 +46,16 @@
   font-size: var(--dp-time-font-size);
 }
 
-.dp__time_display {
-  cursor: pointer;
-  color: var(--dp-text-color);
-  border-radius: var(--dp-border-radius);
-  display: flex;
-  align-items: center;
-  justify-content: center;
+.dp__inc_dec_button_disabled {
+  @extend %__dp_time_arrow_disabled;
 
-  &:hover:enabled {
-    background: var(--dp-hover-color);
-    color: var(--dp-hover-text-color);
+  &:hover {
+    @extend %__dp_time_arrow_disabled;
   }
 }
 
+
+
 .dp__time_display_block {
   padding: 0 3px;
 }
@@ -98,6 +94,20 @@
   }
 }
 
+.dp__time_display {
+  cursor: pointer;
+  color: var(--dp-text-color);
+  border-radius: var(--dp-border-radius);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  &:hover:enabled {
+    background: var(--dp-hover-color);
+    color: var(--dp-hover-text-color);
+  }
+}
+
 
 .dp__inc_dec_button_inline {
   width: 100%;
@@ -114,13 +124,7 @@
   cursor: not-allowed;
 }
 
-.dp__inc_dec_button_disabled {
-  @extend %__dp_time_arrow_disabled;
 
-  &:hover {
-    @extend %__dp_time_arrow_disabled;
-  }
-}
 
 .dp__pm_am_button {
   background: var(--dp-primary-color);