https://github.com/devzakir/css-dropdown-menu
CSS Multilevel Dropdown Menu using HTML, CSS, SCSS & FontAwesome
https://github.com/devzakir/css-dropdown-menu
css dropdown dropdown-menu html menu menubar sass webpack
Last synced: about 1 month ago
JSON representation
CSS Multilevel Dropdown Menu using HTML, CSS, SCSS & FontAwesome
- Host: GitHub
- URL: https://github.com/devzakir/css-dropdown-menu
- Owner: devzakir
- Created: 2020-03-03T15:48:43.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-07T15:31:39.000Z (over 3 years ago)
- Last Synced: 2025-02-05T12:41:26.378Z (over 1 year ago)
- Topics: css, dropdown, dropdown-menu, html, menu, menubar, sass, webpack
- Language: SCSS
- Homepage: https://devzakir.github.io/css-dropdown-menu/
- Size: 3.52 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 20
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# CSS Multilevel Dropdown Menu
--------------------
> [Youtube Tutorial Link - https://www.youtube.com/watch?v=K_0gJzCNMU4 ](https://www.youtube.com/watch?v=K_0gJzCNMU4)
> [Live Demo -> Link](https://devzakir.github.io/css-dropdown-menu/)
## Webpack Boilerplate
This repository contains Webpack and SCSS boilerplate code to quickly get started on building a webpage following a simplified version of SASS (7-1 pattern).
## Project Setup
### Installing
Run `npm install` to install all the dependencies this project needs.
### Running the app
Run `npm run dev`. Your browser should automatically open a new tab where you can see your app.
*Note :* live reload is enabled so just modify your files and it will be reflected on the app instantly.
### Building the app
Run `npm run build`. It will automatically add vendor prefixes to CSS rules and compress all your `.scss` files into one `style.css` file located in your `dist` folder.
## SASS folder structure
It contains these folder and files :
- `abstracts` : functions, variables
- `base` : reset, typography,
- `components` : buttons, form
- `layout` : footer, header, nav, breadcrumb
- `pages` : contact, home,
- `themes` : theme
- `vendors` : bootstrap, fontawesome
## Included Framework and Libraries
- `fontawesome` - Font Library
## Webpack Dependencies
- Webpack
- Babel
- File Loader
- CSS Loader
- Node SASS
- SASS Loader
- Post CSS
- Autoprefixer
- Purge CSS
- Mini CSS Extractor Plugin