hunzaboy / Bulma Megamenu
Bulma extension to make Mega Menus
Stars: ✭ 122
Projects that are alternatives of or similar to Bulma Megamenu
Bulma Helpers
Library with missing Functional / Atomic CSS classes for Bulma framework
Stars: ✭ 263 (+115.57%)
Mutual labels: scss, bulma
Bulma Scss
Bulma SCSS - The Bulma CSS Framework files converted to SCSS syntax
Stars: ✭ 143 (+17.21%)
Mutual labels: scss, bulma
Refills
Refills is maintained by the thoughtbot design team. It is funded by
thoughtbot, inc. and the names and logos for thoughtbot are
trademarks of thoughtbot, inc.
Stars: ✭ 1,523 (+1148.36%)
Mutual labels: scss
Angularoflegends
Full Client clone developed by Riot Games for the League of Legends game
Stars: ✭ 119 (-2.46%)
Mutual labels: scss
React Product Card
Animated Product Card with the help of React and SCSS (PWA)
Stars: ✭ 116 (-4.92%)
Mutual labels: scss
Sscss
Light Sass lib for managing your font-size, margin, padding, and position values across breakpoints.
Stars: ✭ 119 (-2.46%)
Mutual labels: scss
Rollup Plugin Styles
🎨 Universal Rollup plugin for styles: PostCSS, Sass, Less, Stylus and more.
Stars: ✭ 116 (-4.92%)
Mutual labels: scss
Quickmenu
The new era of mobile navigation for the web, we're out of hamburgers.
Stars: ✭ 119 (-2.46%)
Mutual labels: scss
Hugo Theme Techdoc
The Techdoc is a Hugo Theme for technical documentation.
Stars: ✭ 118 (-3.28%)
Mutual labels: scss
Ocamlverse.github.io
Documentation of everything relevant in the OCaml world
Stars: ✭ 117 (-4.1%)
Mutual labels: scss
Hugo Theme Zen
A fast and clean Hugo theme with css-grid and Hugo pipes support.
Stars: ✭ 119 (-2.46%)
Mutual labels: scss
W3develops
The w3develops.org open source codebase - Learn, build, and meetup with other developers on DISCORD https://discord.gg/WphGvTT and YOUTUBE http://bit.ly/codingyt
Stars: ✭ 120 (-1.64%)
Mutual labels: scss
React Redux Starter
A basic template that consists of the essential elements that are required to start building a Single Page Application using React, React Router, Redux, Bootstrap 4, Sass, and Webpack
Stars: ✭ 116 (-4.92%)
Mutual labels: scss
Linuxfr.org
The new version of LinuxFr.org will be in Ruby on Rails. It was NoNo's resolution for 2009 (well, achieved!). You may add other enhancements at http://linuxfr.org/suivi/ as you have a look at the website
Stars: ✭ 117 (-4.1%)
Mutual labels: scss
Talent For Hire
A repository for storing a list of awesome folks looking for their next engineering gig. If you have been impacted by COVID layoffs, or just job searching in these hard times, send a PR to include you
Stars: ✭ 118 (-3.28%)
Mutual labels: scss
11ty Netlify Jumpstart
Quickly launch an 11ty-generated static site. Includes a minimal Sass framework, and generated sitemap, RSS feed, and social share preview images.
Stars: ✭ 122 (+0%)
Mutual labels: scss
update
Works with the current latest version 0.9.1
bulma-megamenu
Bulma extension to make Mega Menu.
Usage
<nav class="navbar ">
....
<div class="navbar-item has-dropdown is-hoverable is-mega">
<div class="navbar-link">
Blog
</div>
<div id="blogDropdown" class="navbar-dropdown">
<div class="container is-fluid">
<div class="columns">
<div class="column">
<h1 class="title is-6 is-mega-menu-title">Sub Menu Title</h1>
<a class="navbar-item" href="/2017/08/03/list-of-tags/">
<div class="navbar-content">
<p>
<small class="has-text-info">03 Aug 2017</small>
</p>
<p>New feature: list of tags</p>
</div>
</a>
<a class="navbar-item" href="/2017/08/03/list-of-tags/">
<div class="navbar-content">
<p>
<small class="has-text-info">03 Aug 2017</small>
</p>
<p>New feature: list of tags</p>
</div>
</a>
<a class="navbar-item" href="/2017/08/03/list-of-tags/">
<div class="navbar-content">
<p>
<small class="has-text-info">03 Aug 2017</small>
</p>
<p>New feature: list of tags</p>
</div>
</a>
</div>
<div class="column">...</div>
<div class="column">...</div>
<div class="column">...</div>
</div>
</div>
...
</nav>
Integration
- Clone the bulma repo
- Under the
sassfolder, create a new folder calledextensions - In this new folder, create a new file
megamenu.scss - Copy the code from the
bulma-megamenu repo's 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.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].