Tachyons

Tachyons: Functional css for humans. Quickly build and design new UI without writing css. - Tachyons

Uso

Accede al directorio (crealo de ser necesario) $HOME/www y crea el directorio tachyonscss01:

 alumno@servidor:~ $ cd $HOME/www
 alumno@servidor:~/www $ mkdir tachyonscss01
 alumno@servidor:~/www $ cd tachyonscss01

Crea el directorio css y al archivo vácio css/main.css en él:

 alumno@servidor:~/www/tachyonscss01 $ mkdir css
 alumno@servidor:~/www/tachyonscss01 $ touch css/main.css

Tachyons está disponible en el siguiente CDN:
- https://unpkg.com/tachyons/
Encontrarás un URL hacía el archivo de CSS de Tachyons (css/tachyons.min.css), copia dicho URL y descargalo dentro del directorio css:
```
 alumno@servidor:~/www/tachyonscss01 $ wget https://unpkg.com/tachyons@4.5.5/css/tachyons.min.css -P css/
```
En este caso se ha descargado a Tachyons en su versión 4.5.5.
Crea el archivo index.html con el siguiente contenido:
```
 <!DOCTYPE html>
 <html>
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>tachyonscss01</title>
   <link rel="stylesheet" href="css/tachyons.min.css">
   <link rel="stylesheet" href="css/main.css">
 </head>
 <body>
   
   
 </body>
 </html>
```
Notas:
- El contenido de tu documento HTML, y que será visualizado por el usuario, quedará dentro de los comentarios CONTENIDO.
- Si requieres modificar el aspecto visual o estilo de algún elemento HTML lo llevas a cabo en el archivo css/main.css. Recuerda que tendrás que hacer uso de selectores de CSS.

Al terminar en el directorio $HOME/www/tachyonscss01 encontrarás la siguiente estructura:

alumno@servidor:~/www/tachyonscss01 $ pwd && tree
/home/alumno/www/tachyonscss01
├── css
│   ├── main.css
│   └── tachyons.min.css
└── index.html
1 directory, 3 files