= 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.html[tags="example-stylesheet-links"]

include::src/index.html[tags="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.html[tags="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.scss[tags="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.scss[tags="scss-customize-breakpoint-rules", indent="0"]