This is a viewer only at the moment see the article on how this works.
To update the preview hit Ctrl-Alt-R (or ⌘-Alt-R on Mac) or Enter to refresh. The Save icon lets you save the markdown file to disk
This is a preview from the server running through my markdig pipeline
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.
Tuesday, 30 July 2024
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.).
npm install -D tailwindcss
npx tailwindcss init
Esto instalará Tailwind CSS y creará un tailwind.config.js 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; 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.
{
"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:
// 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, ComponentsEl 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 <div class="hidden></div> secciones para asegurar que incluya todas las clases de css requeridas en el 'build' que usted no tiene en su etiquetado.
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. safelist se utiliza para decir a Tailwind CSS qué clases incluir en el archivo CSS. El darkMode se utiliza para decir a Tailwind CSS que debe usar las clases de modo oscuro. El theme se utiliza para configurar el tema de Tailwind CSS. El plugins section se usa para incluir los plugins que usted está utilizando en su proyecto. Esto es entonces usado por Tailwind para compilar el archivo CSS como sepcified en:
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.
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.
La parte final de esto está en el propio archivo CSProj. Esto incluye una sección justo antes del cierre <Project> 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.
<Target Name="BuildCss" BeforeTargets="Compile">
<Exec Command="npm run dev" Condition=" '$(Configuration)' == 'Debug' " />
<Exec Command="npm run build" Condition=" '$(Configuration)' == 'Release' " EnvironmentVariables="NODE_ENV=production" />
</Target>
Que, como puede ver, se refiere al script de construcción para reconstruir el CSS en cada proyecto build.