heymlz/hossein-por-shop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changed button styles in ratios

Browse Source
This commit is contained in:
Mamalizz
2025-03-13 01:32:55 +03:30
parent 1832ec131a
commit 045468f041
1 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/assets/css/button.comp.css
+16 -16
View File
@@ -1,21 +1,21 @@
@utility btn-xl {
@apply typo-label-lg py-4 px-6 gap-3;
@apply typo-label-lg py-4 px-5 lg:px-6 gap-3;
svg {
@apply size-[20px]
@apply size-[20px];
}
}
@utility btn-lg {
@apply typo-label-md py-3 px-4 gap-2.5;
@apply typo-label-md py-3 px-3 lg:px-4 gap-2.5;
svg {
@apply size-[20px]
@apply size-[20px];
}
}
@utility btn-md {
@apply typo-label-sm py-[10px] px-[14px] gap-2;
@apply typo-label-sm py-[6px] lg:py-[10px] px-[10px] lg:px-[14px] gap-2;
svg {
@apply size-[16px]
@apply size-[16px];
}
}
@@ -23,14 +23,14 @@
@apply text-white bg-black border-[1.5px] border-transparent;
@apply btn-lg;
svg[class~=iconify] path {
svg[class~="iconify"] path {
@apply stroke-white;
}
&:hover {
@apply bg-white border-black text-black;
svg[class~=iconify] path {
svg[class~="iconify"] path {
@apply stroke-black;
}
}
@@ -38,7 +38,7 @@
&:disabled {
@apply bg-slate-100 text-slate-400;
svg[class~=iconify] path {
svg[class~="iconify"] path {
@apply stroke-slate-400;
}
}
@@ -48,7 +48,7 @@
@apply text-black bg-slate-100;
@apply btn-lg;
svg[class~=iconify] path {
svg[class~="iconify"] path {
@apply stroke-black;
}
@@ -59,7 +59,7 @@
&:disabled {
@apply bg-slate-100 text-slate-400;
svg[class~=iconify] path {
svg[class~="iconify"] path {
@apply stroke-slate-400;
}
}
@@ -69,7 +69,7 @@
@apply text-black border-[1.5px] border-slate-200;
@apply btn-lg;
svg[class~=iconify] path {
svg[class~="iconify"] path {
@apply stroke-black;
}
@@ -80,7 +80,7 @@
&:disabled {
@apply text-slate-300;
svg[class~=iconify] path {
svg[class~="iconify"] path {
@apply stroke-slate-300;
}
}
@@ -90,14 +90,14 @@
@apply text-black bg-white;
@apply btn-lg;
svg[class~=iconify] path {
svg[class~="iconify"] path {
@apply stroke-black;
}
&:hover {
@apply text-slate-500;
svg[class~=iconify] path {
svg[class~="iconify"] path {
@apply stroke-slate-500;
}
}
@@ -105,7 +105,7 @@
&:disabled {
@apply text-slate-400;
svg[class~=iconify] path {
svg[class~="iconify"] path {
@apply stroke-slate-400;
}
}