@macrominds/responsive-menu v1.1.0

= Responsive Menu

CSS only responsive menu

== Setup and Usage

See https://macrominds.gitlab.io/responsive-menu/[the demo page] for a general usage and customization guide.

=== CSS / HTML

.HTML Snippet

source,html

include::src/index.htmltags="example-stylesheet-links"

include::src/index.htmltags="example-html"

To whip up a rapid prototype, just use the css files from https://macrominds.gitlab.io/responsive-menu/.

source,html,subs=normal

include::src/index.htmltags="example-prototype-links", indent="0"

=== SCSS

Alternatively, you can use the scss sources directly:

source,bash

npm install --save-dev @macrominds/responsive-menu

.Your scss file, simple breakpoint

source,scss,subs=normal

include::src/scss/demo-page-built-from-scss.scsstags="scss-configure-width-breakpoint", indent="0"

Or, define the breakpoints yourself, if you have more sophisticated breakpoint rules:

.Your scss file, sophisticated setup

source,scss,subs=normal

include::src/scss/rm.scsstags="scss-customize-breakpoint-rules", indent="0"