# El Grupo de Trabajo tal vez desee tomar nota del informe del Secretario General sobre la aplicación de las recomendaciones contenidas en el párrafo 6 supra.
2024-07-30T13:30
Tailwind CSS es una utilidad-el primer marco de CSS para construir rápidamente diseños personalizados.Es un marco altamente personalizableM SK2bajo -de nivel de CSS que te da todos los bloques de construcción que necesitas para construir diseños personalizadas sin ningún estilo irritante opinado que tengas que luchar por superarMSC4
Una de las grandes ventajas de Tailwind sobre 'traditional' marcos CSS como Bootstrap es que Tail Wind incluye un 'scanningM SK3 y un paso de construcción, por lo que sólo incluye el CSS que usted realmente usa en su proyecto.
## El Comité recomienda que el Estado Parte adopte todas las medidas necesarias para garantizar la protección de los derechos humanos y las libertades fundamentales, incluidos los derechos económicos, sociales y culturales.
Un gran inconveniente comparado con Bootstrap es que Tailwind no es un 'drop enM SK1 archivo CSS. Necesitas instalarlo usando npm o hilo (la sección siguiente es de [El Comité recomienda al Estado Parte que adopte todas las medidas necesarias para garantizar la igualdad entre los géneros y el empoderamiento de la mujer.](https://tailwindcss.com/docs/installation)).
```bash
npm install -D tailwindcss
npx tailwindcss init
```
Esto instalará Tailwind CSS y creará un [`tailwind.config.js` ](#tailwindconfigjs) filein the root of your project. Este archivo se usa para configurar Tailwind CSS.
### El Comité recomienda que el Estado Parte adopte todas las medidas necesarias para garantizar la igualdad de oportunidades entre hombres y mujeres en materia de empleo, incluida la adopción de medidas legislativas, administrativas, judiciales y de otra índole.
Si usted mira a la [a) Informe de la Comisión Consultiva en Asuntos Administrativos y de Presupuesto;](https://github.com/scottgal/mostlylucidweb/tree/main/Mostlylucid) En el párrafo 2 de la parte dispositiva del proyecto de resolución, la Asamblea General pidió al Secretario General que le presentara en su quincuagésimo séptimo período de sesiones un informe sobre los progresos realizados en la aplicación de las recomendaciones formuladas por la Comisión Consultiva en Asuntos Administrativos y de Presupuesto. `package.json` El Comité recomienda que el Estado Parte adopte todas las medidas necesarias para garantizar la igualdad de oportunidades entre hombres y mujeres en materia de empleo, incluida la eliminación del trabajo forzoso.
```json
{
"scripts": {
"dev": "npm-run-all --parallel dev:*",
"dev:js": "webpack",
"dev:tw": "npx tailwindcss -i ./src/css/main.css -o ./wwwroot/css/dist/main.css",
"watch": "npm-run-all --parallel watch:*",
"watch:js": "webpack --watch --env development",
"watch:tw": "npx tailwindcss -i ./src/css/main.css -o ./wwwroot/css/dist/main.css --watch",
"build": "npm-run-all --parallel build:*",
"build:js": "webpack --env production",
"build:tw": "npx tailwindcss -i ./src/css/main.css -o ./wwwroot/css/dist/main.css --minify"
},
"devDependencies": {
"@tailwindcss/aspect-ratio": "^0.4.2",
"@tailwindcss/forms": "^0.5.7",
"@tailwindcss/typography": "^0.5.12",
"@types/alpinejs": "^3.13.10",
"autoprefixer": "^10.4.19",
"cssnano": "^7.0.4",
"daisyui": "^4.12.10",
"npm-run-all": "^4.1.5",
"tailwindcss": "^3.4.3",
"ts-loader": "^9.5.1",
"typescript": "^5.4.5",
"webpack": "^5.91.0",
"webpack-cli": "^5.1.4"
}
}
```
Estos son los 'scripts' que uso para construir el archivo CSS de TailwindM SK2 El `dev` script es el que uso para construir el archivo CSS para el desarrollo. El `watch` script es el que uso para ver los cambios del archivo CSS y reconstruirlo. El `build` script es el que uso para construir el archivo CSS para la producción.
La sección devDependencies es como los paquetes de nuget para sus proyectos .NET. Son los paquets que se utilizan para construir el archivo CSSM SK2
### El Comité recomienda que el Estado Parte adopte todas las medidas necesarias para garantizar la igualdad de oportunidades entre hombres y mujeres en materia de empleo, incluida la asignación de recursos suficientes al sector privado.
El Comité recomienda al Estado Parte que adopte todas las medidas necesarias para garantizar la igualdad entre los géneros y el empoderamiento de la mujer. `tailwind.config.js` archivo que está en la raíz del proyecto. Este archivo se usa para configurar Tailwind CSS. Aquí está el `tailwind.config.js` archivo que uso:
```javascript
// tailwind.config.js
const defaultTheme = require("tailwindcss/defaultTheme");
module.exports = {
content: [
'./Pages/**/*.{html,cshtml}',
'./Components/**/*.{html,cshtml}',
'./Views/**/*.{html,cshtml}',
],
safelist: ["dark"],
darkMode: "class",
theme: {
},
},
plugins: [
require("@tailwindcss/typography")({
modifiers: [],
}),
require("@tailwindcss/forms"),
require("@tailwindcss/aspect-ratio"),
require('daisyui'),
]
};
```
Este archivo se usa para configurar Tailwind CSS. El `content` section es usado para decir a Tailwind CSS dónde buscar las clases de CSS que usted está utilizando en su proyecto. En ASP.NET Core esto incluirá en general el `Pages`, `Components`El Comité recomienda que el Estado Parte adopte todas las medidas necesarias para garantizar la igualdad de oportunidades entre los hombres y las mujeres en materia de empleo, incluida la eliminación del trabajo forzoso. `Views` folders. Usted'Nota que esto también puede 'cshtmlM SK3 archivosMSC4
Una 'gotchaM SK1 para el viento de fondo es que usted puede nooe incluir `
```
Que, como puede ver, se refiere al script de construcción para reconstruir el CSS en cada proyecto build.