stylelint-order icon indicating copy to clipboard operation
stylelint-order copied to clipboard

How to setup @apply Tailwind

Open Forestvov opened this issue 1 year ago • 1 comments

I have this code, and i need to push @apply to the top

background: rgb(20 36 163 / 0.8);
border-radius: 8px;
display: block;
line-height: 55px;

@apply text-white text-[15px] font-semibold text-center;

this config:

"order/order": [
	"declarations",
	{
		"type": "at-rule",
		"name": "apply"
	},
	{
		"type": "at-rule",
		"name": "media"
	},
	{
		"type": "rule",
		"selector": "^&::(before|after)"
	},
	{
		"type": "rule",
		"selector": "^&:\\w"
	},
	{
		"type": "rule",
		"selector": "^&_"
	},
	{
		"type": "rule",
		"selector": "^."
	}
		]

Forestvov avatar Jun 19 '23 08:06 Forestvov