|
@@ -26,7 +26,7 @@ const height = computed(() => ({ lg: '20px' })[props.size] || '2.75rem')
|
|
|
class="left-skew relative bg-transparent hover:bg-transparent h-[--evo-btn-height]!"
|
|
|
:class="`${btnClass}`"
|
|
|
:style="{ '--color': color, '--evo-btn-height': height }"
|
|
|
- v-bind="props"
|
|
|
+ :block="block"
|
|
|
>
|
|
|
<div class="w-full h-full flex items-center justify-center relative z-1 c-white">
|
|
|
<slot></slot>
|
|
@@ -40,7 +40,7 @@ const height = computed(() => ({ lg: '20px' })[props.size] || '2.75rem')
|
|
|
// @apply bg-blue-500 text-white px-6 rounded text-center relative;
|
|
|
// clip-path: polygon(12% 0%, 100% 0%, 100% 100%, 0% 100%);
|
|
|
// transition: all 0.3s ease;
|
|
|
- @apply border-black border-1 h-11 pl-8 pr-4.75 opacity-85 box-border border-red border-solid;
|
|
|
+ @apply border-black border-1 h-11 pl-8 pr-4.75 opacity-85 box-border border-red;
|
|
|
&::before {
|
|
|
@apply content-empty absolute top-0 right-5 bottom-0 left-1.25 skew-x-154 rounded-tl-1.25 rounded-bl-3.75;
|
|
|
}
|