Last active
March 24, 2021 14:21
-
-
Save mpalpha/708c659f6c6c63cb0bd1d8972cfd535b to your computer and use it in GitHub Desktop.
Add tailwindcss @tailwind, @Responsive, @screen, and @Variants directives to css lint in .vscode/settings.json
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"version": 1.1, | |
"atDirectives": [ | |
{ | |
"name": "@tailwind", | |
"description": "Use the `@tailwind` directive to insert Tailwind's `base`, `components`, `utilities` and `screens` styles into your CSS.", | |
"references": [ | |
{ | |
"name": "Tailwind Documentation", | |
"url": "https://tailwindcss.com/docs/functions-and-directives#tailwind" | |
} | |
] | |
}, | |
{ | |
"name": "@responsive", | |
"description": "You can generate responsive variants of your own classes by wrapping their definitions in the `@responsive` directive:\n```css\n@responsive {\n .alert {\n background-color: #E53E3E;\n }\n}\n```\n", | |
"references": [ | |
{ | |
"name": "Tailwind Documentation", | |
"url": "https://tailwindcss.com/docs/functions-and-directives#responsive" | |
} | |
] | |
}, | |
{ | |
"name": "@screen", | |
"description": "The `@screen` directive allows you to create media queries that reference your breakpoints by **name** instead of duplicating their values in your own CSS:\n```css\n@screen sm {\n /* ... */\n}\n```\n…gets transformed into this:\n```css\n@media (min-width: 640px) {\n /* ... */\n}\n```\n", | |
"references": [ | |
{ | |
"name": "Tailwind Documentation", | |
"url": "https://tailwindcss.com/docs/functions-and-directives#screen" | |
} | |
] | |
}, | |
{ | |
"name": "@variants", | |
"description": "Generate `hover`, `focus`, `active` and other **variants** of your own utilities by wrapping their definitions in the `@variants` directive:\n```css\n@variants hover, focus {\n .btn-brand {\n background-color: #3182CE;\n }\n}\n```\n", | |
"references": [ | |
{ | |
"name": "Tailwind Documentation", | |
"url": "https://tailwindcss.com/docs/functions-and-directives#variants" | |
} | |
] | |
} | |
] | |
} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"css.customData": [".vscode/css_custom_data.json"] | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment