File tree Expand file tree Collapse file tree 1 file changed +47
-15
lines changed Expand file tree Collapse file tree 1 file changed +47
-15
lines changed Original file line number Diff line number Diff line change
1
+
1
2
# TailwindCssMenu
2
3
4
+
5
+
3
6
Este proyecto esta construido con los siguientes FrameWorks:
4
7
5
- * Angular 9
6
- * TailwindCss
7
- * Font-Awesome
8
+
9
+
10
+ * Angular 9
11
+
12
+ * TailwindCss
8
13
14
+ * Font-Awesome
15
+
16
+
17
+
9
18
10
19
### Descripción
11
20
21
+
22
+
12
23
Menú responsivo en Angular y CSS. Este ejmple fue tomado del sitio de TailWindCss, se tradue el ejemplo de Vue.JS a Angular9
13
24
25
+
26
+
27
+ ## Compilar para GitHub Pages
14
28
15
- # Algunos comandos
29
+
16
30
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/ )
17
54
18
55
- Compilación TailWindcss
19
56
@@ -30,25 +67,20 @@ En el 'tailwind.css' agragr los nombres de las clases que deseamos crar
30
67
@tailwind components;
31
68
32
69
.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;
34
71
}
35
-
36
-
37
72
.btn-resp-menu:fover {
38
- @apply bg-gray-800
73
+ @apply bg-gray-800
39
74
}
40
-
41
-
42
75
@screen sm {
43
- .btn-resp-menu {
44
- @apply mb-0 ml-2
45
- }
76
+ .btn-resp-menu {
77
+ @apply mb-0 ml-2
78
+ }
46
79
}
47
80
48
81
@tailwind utilities;
49
82
```
50
-
51
- y ejecutar
83
+ y compilar
52
84
53
85
```
54
86
npx tailwindcss build tailwind.css -o src/assets/output.css --watch
You can’t perform that action at this time.
0 commit comments