Removed unused css class transition-colors (#1113)

WordPress · Mar 11, 2022 · 93e4150 · 93e4150
1 parent e8325bc
commit 93e4150
Show file tree

Hide file tree

Showing 5 changed files with 4 additions and 5 deletions.
diff --git a/src/components/DropdownButton.vue b/src/components/DropdownButton.vue
@@ -213,7 +213,7 @@ sizes throughout the codebase.
 }
 
 .dropdown-item {
-  @apply hover:bg-light-gray px-2 py-1 mb-1 rounded-sm transition-colors focus:outline-none focus:ring focus:ring-offset-2 focus:ring-pink;
+  @apply hover:bg-light-gray px-2 py-1 mb-1 rounded-sm focus:outline-none focus:ring focus:ring-offset-2 focus:ring-pink;
 }
 
 .dropdown-item-active {

diff --git a/src/components/VButton.vue b/src/components/VButton.vue
@@ -2,7 +2,7 @@
   <Component
     :is="as"
     :type="typeRef"
-    class="transition-colors flex items-center rounded-sm justify-center transition-shadow duration-100 ease-linear disabled:opacity-70 no-underline appearance-none ring-offset-1 focus:outline-none"
+    class="flex items-center rounded-sm justify-center transition-shadow duration-100 ease-linear disabled:opacity-70 no-underline appearance-none ring-offset-1 focus:outline-none"
     :class="[
       $style.button,
       $style[variant],

diff --git a/src/components/VCheckbox/VCheckbox.vue b/src/components/VCheckbox/VCheckbox.vue
@@ -130,7 +130,7 @@ export default VCheckbox
 .checkbox {
   @apply appearance-none w-5 h-5 border-dark-charcoal border rounded-sm me-3 flex-shrink-0 relative;
   @apply focus:outline-none focus:ring focus:ring-offset-2 focus:ring-pink;
-  @apply transition-colors disabled:bg-dark-charcoal-10 disabled:border-dark-charcoal-40;
+  @apply disabled:bg-dark-charcoal-10 disabled:border-dark-charcoal-40;
   @apply checked:bg-dark-charcoal;
 }
 .checkmark {

diff --git a/src/components/VContentSwitcher/VSearchTypeRadio.vue b/src/components/VContentSwitcher/VSearchTypeRadio.vue
@@ -1,7 +1,6 @@
 <template>
   <button
     type="button"
-    class="transition-colors"
     :class="[$style.button, selected && $style['button-pressed']]"
     :aria-pressed="selected"
     @click="handleClick"

diff --git a/src/components/VRadio/VRadio.vue b/src/components/VRadio/VRadio.vue
@@ -4,7 +4,7 @@
       :id="id"
       v-bind="$attrs"
       :value="value"
-      class="radio appearance-none relative flex-shrink-0 bg-white w-5 h-5 border border-dark-charcoal rounded-full me-3 transition-colors focus:outline-none focus:ring focus:ring-offset-2 focus:ring-pink disabled:bg-dark-charcoal-10 disabled:border-dark-charcoal-40"
+      class="radio appearance-none relative flex-shrink-0 bg-white w-5 h-5 border border-dark-charcoal rounded-full me-3 focus:outline-none focus:ring focus:ring-offset-2 focus:ring-pink disabled:bg-dark-charcoal-10 disabled:border-dark-charcoal-40"
       type="radio"
       :checked="isChecked"
       @input="handleInput"