STYLE Add new article tag styles with hover effects and border enhancements
This commit is contained in:
parent
2c241c2df5
commit
2c730b5db1
13
resources/css/components/article-tag.css
Normal file
13
resources/css/components/article-tag.css
Normal file
|
|
@ -0,0 +1,13 @@
|
||||||
|
.article-tag {
|
||||||
|
@apply w-fit bg-transparent px-3 py-2 relative;
|
||||||
|
&:after {
|
||||||
|
content: '';
|
||||||
|
@apply w-full h-full absolute top-0 left-1/2 border border-primary;
|
||||||
|
translate: -50% 0;
|
||||||
|
transform: perspective(800px) rotateY(10deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
@apply bg-primary text-white;
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue
Block a user