https://github.com/hunzaboy/bulma-megamenu

Bulma extension to make Mega Menus
https://github.com/hunzaboy/bulma-megamenu

bulma bulma-extension megamenu

Last synced: 2 months ago
JSON representation

Bulma extension to make Mega Menus

• Host: GitHub
• URL: https://github.com/hunzaboy/bulma-megamenu
• Owner: hunzaboy
• Created: 2017-08-16T06:12:59.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2020-10-05T09:48:34.000Z (about 4 years ago)
• Last Synced: 2024-05-20T03:15:13.377Z (7 months ago)
• Topics: bulma, bulma-extension, megamenu
• Language: SCSS
• Size: 6.84 KB
• Stars: 137
• Watchers: 6
• Forks: 15
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-bulma - bulma-megamenu - Bulma extension to make Mega Menus (Extensions / Courses)

README

        
# update

Works with the current latest version 0.9.1

# bulma-megamenu

Bulma extension to make Mega Menu. 

Click here for Codepen Demo

![mega-menu.jpg](https://bulma.io/images/extensions/bulma-megamenu.png)

Usage

---

```html

....

 


        


          Blog

        

        


          


            


              


                
Sub Menu Title

                

                  


                    


                      03 Aug 2017

                    

                    
New feature: list of tags

                  

                

                

                  


                    


                      03 Aug 2017

                    

                    
New feature: list of tags

                  

                

                

                  


                    


                      03 Aug 2017

                    

                    
New feature: list of tags

                  

                

              
        

              
...

              
...

              
...

            

          

...


```

Integration

---

- Clone the [bulma repo](https://github.com/jgthms/bulma)

- Under the `sass` folder, create a new folder called `extensions`

- In this new folder, create a new file `megamenu.scss`

- Copy the code from the `bulma-megamenu repo`'s [megamenu.scss](https://raw.githubusercontent.com/hunzaboy/bulma-megamenu/master/megamenu.scss) file into your new file

- In the same folder create a new file `_all.sass` (this is not required, but will help when you add more extensions)

- In this file add this code:

```

@charset "utf-8"

@import "megamenu.scss"

```

At the end of the `bulma.sass` file, add this line: `@import "sass/extensions/_all"`

Now, you can just build the bulma project with `npm run build`, and the output will be available in the `css folder`.