Nulo/alfadatizar
Archived
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

prettier tailwind plugin + cambios

Browse source
This commit is contained in:
Cat /dev/Nulo 2023-06-28 23:14:46 -03:00
parent 8af6a0af1d
commit 80e6cb37c4
5 changed files with 78 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
package.json
View file

@ -9,6 +9,7 @@
"license": "ISC",
"devDependencies": {
"@11ty/eleventy": "^2.0.1",
"prettier-plugin-tailwindcss": "^0.3.0",
"tailwindcss": "^3.3.2"
}
}

64
pnpm-lock.yaml
View file

@ -8,6 +8,9 @@ devDependencies:
'@11ty/eleventy':
specifier: ^2.0.1
version: 2.0.1
prettier-plugin-tailwindcss:
specifier: ^0.3.0
version: 0.3.0(prettier@2.8.8)
tailwindcss:
specifier: ^3.3.2
version: 3.3.2
@ -1278,6 +1281,67 @@ packages:
posthtml-render: 3.0.0
dev: true
/prettier-plugin-tailwindcss@0.3.0(prettier@2.8.8):
resolution: {integrity: sha512-009/Xqdy7UmkcTBpwlq7jsViDqXAYSOMLDrHAdTMlVZOrKfM2o9Ci7EMWTMZ7SkKBFTG04UM9F9iM2+4i6boDA==}
engines: {node: '>=12.17.0'}
peerDependencies:
'@ianvs/prettier-plugin-sort-imports': '*'
'@prettier/plugin-pug': '*'
'@shopify/prettier-plugin-liquid': '*'
'@shufo/prettier-plugin-blade': '*'
'@trivago/prettier-plugin-sort-imports': '*'
prettier: '>=2.2.0'
prettier-plugin-astro: '*'
prettier-plugin-css-order: '*'
prettier-plugin-import-sort: '*'
prettier-plugin-jsdoc: '*'
prettier-plugin-marko: '*'
prettier-plugin-organize-attributes: '*'
prettier-plugin-organize-imports: '*'
prettier-plugin-style-order: '*'
prettier-plugin-svelte: '*'
prettier-plugin-twig-melody: '*'
peerDependenciesMeta:
'@ianvs/prettier-plugin-sort-imports':
optional: true
'@prettier/plugin-pug':
optional: true
'@shopify/prettier-plugin-liquid':
optional: true
'@shufo/prettier-plugin-blade':
optional: true
'@trivago/prettier-plugin-sort-imports':
optional: true
prettier-plugin-astro:
optional: true
prettier-plugin-css-order:
optional: true
prettier-plugin-import-sort:
optional: true
prettier-plugin-jsdoc:
optional: true
prettier-plugin-marko:
optional: true
prettier-plugin-organize-attributes:
optional: true
prettier-plugin-organize-imports:
optional: true
prettier-plugin-style-order:
optional: true
prettier-plugin-svelte:
optional: true
prettier-plugin-twig-melody:
optional: true
dependencies:
prettier: 2.8.8
dev: true
/prettier@2.8.8:
resolution: {integrity: sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==}
engines: {node: '>=10.13.0'}
hasBin: true
dev: true
/promise-each@2.2.0:
resolution: {integrity: sha512-67roqt1k3QDA41DZ8xi0V+rF3GoaMiX7QilbXu0vXimut+9RcKBNZ/t60xCRgcsihmNUsEjh48xLfNqOrKblUg==}
dependencies:

3
prettier.config.js Normal file
View file

@ -0,0 +1,3 @@
module.exports = {
plugins: [require('prettier-plugin-tailwindcss')],
}

13
src/index.html
View file

@ -10,15 +10,18 @@
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<nav class="w-100 sticky top-0 bg-blanco px-16 py-8">asdf</nav>
<section class="h-screen">
<nav class="bg-white w-100 py-8 px-16">asdf</nav>
<div class="flex h-full">
<div class="bg-orange h-full flex-1">asdf</div>
<div class="bg-celeste h-full flex-1">asd</div>
<div class="h-full flex-1 bg-naranja">asdf</div>
<div class="h-full flex-1 bg-celeste">asd</div>
</div>
</section>
<section class="h-screen">
<h2 class="text-center">Nuevos saberes</h2>
<section class="bg-blanco p-8">
<h2 class="text-center text-5xl font-bold">Nuevos saberes</h2>
<div class="flex">
<div class="border-l-black flex-1 border-l"></div>
</div>
</section>
</body>
</html>

4
tailwind.config.js
View file

@ -4,8 +4,8 @@ module.exports = {
theme: {
extend: {},
colors: {
white: "#fff5e8",
orange: "#ff4e1f",
blanco: "#fff5e8",
naranja: "#ff4e1f",
celeste: "#b9d7ea",
},
},