X-Git-Url: http://www.aleph1.co.uk/gitweb/?a=blobdiff_plain;ds=sidebyside;f=vendor%2Fgeedmo%2Fyamm3%2FREADME.md;fp=vendor%2Fgeedmo%2Fyamm3%2FREADME.md;h=3537bf9660ed5c83e0eefa27b9ed9d685ecacad0;hb=a2bd1bf0c2c1f1a17d188f4dc0726a45494cefae;hp=0000000000000000000000000000000000000000;hpb=57c063afa3f66b07c4bbddc2d6129a96d90f0aad;p=yaffs-website diff --git a/vendor/geedmo/yamm3/README.md b/vendor/geedmo/yamm3/README.md new file mode 100644 index 000000000..3537bf966 --- /dev/null +++ b/vendor/geedmo/yamm3/README.md @@ -0,0 +1,86 @@ +# Yamm + + +This is *Yet another megamenu for [Bootstrap 3](http://getbootstrap.com/)* from Twitter. + +Lightweight and pure CSS megamenu that uses the standard navbar markup and the fluid grid system classes from Bootstrap 3. Work for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements. + +####[Demo](http://geedmo.github.io/yamm3) + +### Markup + +1. Reuse navbar markup and add class `.yamm` at the top. + +2. Then add your markup into the `.dropdown-menu` + +3. Optionally use `.yamm-content` to wrap content with padding. + +Example + + + + +### Fullwidth + +By default every mega-dropdown will take the content size so is possible to use add `.yamm-fw` to `.dropdown` to expand it fullwidth. +Yamm works better with fullwidth menus. + +Example + + + + +### Javascript + +If necessary, this code will prevent unexpected menu close when using some components (like accordion, forms, etc) + + $(document).on('click', '.yamm .dropdown-menu', function(e) { + e.stopPropagation() + }) + + +### Install via composer + + { + "require": { + "geedmo/yamm3": "dev-master" + } + } + +### Compile + +Run the following commands in the repository folder + +- npm install +- gulp + +To compile yamm with demo + +- gulp demo + +### License + +- Licenced under MIT - [details here](LICENSE.txt)