fix: restore icon variant for link since inline-flex makes its children inline but not the box itself
This commit is contained in:
@@ -1,8 +1,5 @@
|
||||
.link {
|
||||
text-decoration: none;
|
||||
align-items: center;
|
||||
display: inline-flex;
|
||||
gap: var(--Space-x05);
|
||||
}
|
||||
|
||||
.underline {
|
||||
@@ -47,6 +44,12 @@
|
||||
}
|
||||
}
|
||||
|
||||
.icon {
|
||||
align-items: center;
|
||||
display: inline-flex;
|
||||
gap: var(--Space-x05);
|
||||
}
|
||||
|
||||
.breadcrumb {
|
||||
font-family: var(--typography-Footnote-Bold-fontFamily);
|
||||
font-size: var(--typography-Footnote-Bold-fontSize);
|
||||
|
||||
@@ -28,6 +28,7 @@ export const linkVariants = cva(styles.link, {
|
||||
bold: styles.bold,
|
||||
},
|
||||
variant: {
|
||||
icon: styles.icon,
|
||||
breadcrumb: styles.breadcrumb,
|
||||
myPageMobileDropdown: styles.myPageMobileDropdown,
|
||||
navigation: styles.navigation,
|
||||
|
||||
Reference in New Issue
Block a user