forked from crowetic/commerce
b121078151
* userAvatar * Avatar background * Changes * Removing unused dependencies * Count Bag small and for bigger numbers * decresed bundle size
41 lines
776 B
CSS
41 lines
776 B
CSS
.root {
|
|
@apply relative;
|
|
}
|
|
|
|
.list {
|
|
@apply flex flex-row items-center justify-items-end h-full;
|
|
}
|
|
|
|
.item {
|
|
@apply mr-6 cursor-pointer relative transition ease-in-out duration-100 flex items-center outline-none text-primary;
|
|
|
|
&:hover {
|
|
@apply text-accents-6 transition scale-110 duration-100;
|
|
}
|
|
|
|
&:last-child {
|
|
@apply mr-0;
|
|
}
|
|
|
|
&:focus,
|
|
&:active {
|
|
@apply outline-none;
|
|
}
|
|
}
|
|
|
|
.bagCount {
|
|
@apply border border-accents-1 bg-secondary text-secondary absolute rounded-full right-3 top-3 flex items-center justify-center font-bold text-xs;
|
|
padding-left: 2.5px;
|
|
padding-right: 2.5px;
|
|
min-width: 1.25rem;
|
|
min-height: 1.25rem;
|
|
}
|
|
|
|
.avatarButton {
|
|
@apply inline-flex justify-center rounded-full;
|
|
}
|
|
|
|
.avatarButton:focus {
|
|
@apply outline-none;
|
|
}
|