Skip to content

Commit fb2c012

Browse files
committed
Correcciones GitHub Pges
1 parent cd68802 commit fb2c012

File tree

1 file changed

+47
-15
lines changed

1 file changed

+47
-15
lines changed

README.md

Lines changed: 47 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,56 @@
1+
12
# TailwindCssMenu
23

4+
5+
36
Este proyecto esta construido con los siguientes FrameWorks:
47

5-
* Angular 9
6-
* TailwindCss
7-
* Font-Awesome
8+
9+
10+
* Angular 9
11+
12+
* TailwindCss
813

14+
* Font-Awesome
15+
16+
17+
918

1019
### Descripción
1120

21+
22+
1223
Menú responsivo en Angular y CSS. Este ejmple fue tomado del sitio de TailWindCss, se tradue el ejemplo de Vue.JS a Angular9
1324

25+
26+
27+
## Compilar para GitHub Pages
1428

15-
# Algunos comandos
29+
1630

31+
```
32+
33+
ng build --prod --base-href "https://elcascarudo-dev.github.io/NavBar-responsibe-tailwindcss-angular9/" --output-path=docs
34+
35+
```
36+
37+
38+
39+
## Descargar y ejecutar
40+
41+
```
42+
git clone https://github.com/elcascarudo-dev/NavBar-responsibe-tailwindcss-angular9.git
43+
```
44+
45+
```
46+
npm install
47+
```
48+
49+
## Algunos comandos
50+
51+
- Instalación TailWind css
52+
53+
[Instalación TailWind css](https://tailwindcss.com/docs/installation/)
1754

1855
- Compilación TailWindcss
1956

@@ -30,25 +67,20 @@ En el 'tailwind.css' agragr los nombres de las clases que deseamos crar
3067
@tailwind components;
3168
3269
.btn-resp-menu{
33-
@apply mb-1 block px-2 py-1 text-white font-semibold rounded;
70+
@apply mb-1 block px-2 py-1 text-white font-semibold rounded;
3471
}
35-
36-
3772
.btn-resp-menu:fover {
38-
@apply bg-gray-800
73+
@apply bg-gray-800
3974
}
40-
41-
4275
@screen sm {
43-
.btn-resp-menu {
44-
@apply mb-0 ml-2
45-
}
76+
.btn-resp-menu {
77+
@apply mb-0 ml-2
78+
}
4679
}
4780
4881
@tailwind utilities;
4982
```
50-
51-
y ejecutar
83+
y compilar
5284

5385
```
5486
npx tailwindcss build tailwind.css -o src/assets/output.css --watch

0 commit comments

Comments
 (0)