Usuario:ManuelRomero/tailwind

De WikiEducator
Saltar a: navegación, buscar

Tailwind: qué es

  • Lo podemos ver como un frameword de css
  • Es una tecnología relativamente nueva y es una forma cómoda y muy flexible de usar css basado en clases
  • La primera versión 1/11/2017

Instalación

 npx tailwindcss-cli@latest build -o tailwind.css
 npm install tailwindcss@latest postcss@latest autoprefixer@latest
  • Usando el CDN, no se recomienda su uso, ya que se limitaría su uso
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
  • Opcional puedes crear una fichero de configuración
 npx tailwindcss init

Esto creará un fichero en el directorio principal del proyecto : tailwind.config.js

// tailwind.config.js
module.exports = {
  purge: [],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {},
  },
  variants: {},
  plugins: [],
}