https://github.com/hunzaboy/bulma-megamenu
Bulma extension to make Mega Menus
https://github.com/hunzaboy/bulma-megamenu
bulma bulma-extension megamenu
Last synced: 8 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 8 years ago)
- Default Branch: master
- Last Pushed: 2020-10-05T09:48:34.000Z (about 5 years ago)
- Last Synced: 2024-05-20T03:15:13.377Z (over 1 year 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.
Usage
---
```html
....
...
```
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`.
