Tailwind and Stencil, tailwind mix css.. #12274
Answered
by
adydetra
rafaelgfirmino
asked this question in
Help
-
|
Hey, guys. Declaration Clas Creating Apply in style.css Output CSS Image output |
Beta Was this translation helpful? Give feedback.
Answered by
adydetra
Oct 25, 2023
Replies: 1 comment
-
|
Use HTML only or React/Vue? Check the installation, if you are using HTML maybe you missed a step Try checking the I provided my code example, and it works. Try this
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="../dist/output.css" rel="stylesheet" />
</head>
<body>
<label class="ed-label">First Name</label>
<input class="ed-input" type="text" placeholder="ex: 4242 4242 4242 4242" />
</body>
</html>
@tailwind base;
@tailwind components;
@tailwind utilities;
.ed-label {
@apply text-xs font-bold text-gray-600;
}
.ed-input {
@apply border border-gray-300 rounded-md shadow-md;
}
module.exports = {
content: ["./src/**/*.{html,js}"],
theme: {
extend: {},
},
plugins: [],
};Run on terminal This command will generate a Preview
|
Beta Was this translation helpful? Give feedback.
0 replies
Answer selected by
rafaelgfirmino
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Use HTML only or React/Vue?
Check the installation, if you are using HTML maybe you missed a step
Try checking the
tailwind.config.jssection, or provide your config code here.I provided my code example, and it works. Try this
index.htmlstyle.css