Add postcss-import, split tailwind.css
This commit is contained in:
parent
e65b8823ed
commit
ca58883d23
5 changed files with 49 additions and 23 deletions
vuejs/src/assets/css
17
vuejs/src/assets/css/base.css
Normal file
17
vuejs/src/assets/css/base.css
Normal file
|
@ -0,0 +1,17 @@
|
|||
h1,
|
||||
h2 {
|
||||
@apply font-semibold
|
||||
}
|
||||
|
||||
input,
|
||||
textarea {
|
||||
@apply mt-1 p-2 w-full border border-gray-400
|
||||
}
|
||||
|
||||
input[type=submit] {
|
||||
@apply w-full;
|
||||
|
||||
@screen sm {
|
||||
@apply w-auto
|
||||
}
|
||||
}
|
|
@ -1,23 +1,6 @@
|
|||
@tailwind base;
|
||||
@import 'tailwindcss/base';
|
||||
@import './base.css';
|
||||
|
||||
h1,
|
||||
h2 {
|
||||
@apply font-semibold
|
||||
}
|
||||
@import 'tailwindcss/components';
|
||||
|
||||
input,
|
||||
textarea {
|
||||
@apply mt-1 p-2 w-full border border-gray-400
|
||||
}
|
||||
|
||||
input[type=submit] {
|
||||
@apply w-full;
|
||||
|
||||
@screen sm {
|
||||
@apply w-auto
|
||||
}
|
||||
}
|
||||
|
||||
@tailwind components;
|
||||
|
||||
@tailwind utilities;
|
||||
@import 'tailwindcss/utilities';
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue