File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 1+
12# TailwindCssMenu
23
4+
5+
36Este 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+
1223Menú 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```
5486npx tailwindcss build tailwind.css -o src/assets/output.css --watch
You can’t perform that action at this time.
0 commit comments