Skip to content

Commit

Permalink
✨ Class manager
Browse files Browse the repository at this point in the history
  • Loading branch information
theus committed Jul 24, 2017
1 parent e58f5d3 commit d4ae58c
Showing 9 changed files with 1,114 additions and 221 deletions.
4 changes: 2 additions & 2 deletions dist/MenuChef.js

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion dist/MenuChef.js.map

Large diffs are not rendered by default.

1,241 changes: 1,035 additions & 206 deletions doc.json

Large diffs are not rendered by default.

61 changes: 53 additions & 8 deletions index.html
Original file line number Diff line number Diff line change
@@ -88,7 +88,7 @@
<div class="Header-logo-slogan">
Create hamburgers' menu like a chef
<br>
<span>v1.0.0</span>
<span>v1.1.0</span>
</div>
<div class="Header-logo-btns">
<a class="github-button" href="https://github.com/theus/MenuChef" data-icon="octicon-star" data-show-count="true" aria-label="Star theus/instantgargom on GitHub" data-size="large">Star</a>
@@ -271,7 +271,7 @@ <h1 class="title">the oven</h1>
You can download the latest version of MenuChef in <a href="https://github.com/theus/menuchef">Github</a> or can use the unpkg CDN
</p>

<pre><code class="language-html">&lt;script src="//unpkg.com/menuchef@1.0.0"&gt;&lt;/script&gt;</code></pre>
<pre><code class="language-html">&lt;script src="//unpkg.com/menuchef@1.1.0"&gt;&lt;/script&gt;</code></pre>

</div>

@@ -306,6 +306,7 @@ <h2 id="Constructor" class="NutricionalTable-table-title">Constructor</h2>

<td id="constructor-ingredients">
<a href="#constructor-ingredients" class="NutricionalTable-table-link"><i class="fa fa-link"></i></a>

ingredients
</td>

@@ -319,6 +320,7 @@ <h2 id="Constructor" class="NutricionalTable-table-title">Constructor</h2>

<td id="constructor-options">
<a href="#constructor-options" class="NutricionalTable-table-link"><i class="fa fa-link"></i></a>

options
</td>

@@ -347,6 +349,7 @@ <h2 id="Options" class="NutricionalTable-table-title">Options</h2>

<td id="options-theme">
<a href="#options-theme" class="NutricionalTable-table-link"><i class="fa fa-link"></i></a>

theme
</td>

@@ -360,6 +363,7 @@ <h2 id="Options" class="NutricionalTable-table-title">Options</h2>

<td id="options-scheme">
<a href="#options-scheme" class="NutricionalTable-table-link"><i class="fa fa-link"></i></a>

scheme
</td>

@@ -373,6 +377,7 @@ <h2 id="Options" class="NutricionalTable-table-title">Options</h2>

<td id="options-closeonclick">
<a href="#options-closeonclick" class="NutricionalTable-table-link"><i class="fa fa-link"></i></a>

closeOnClick
</td>

@@ -386,6 +391,7 @@ <h2 id="Options" class="NutricionalTable-table-title">Options</h2>

<td id="options-closeonclickoutside">
<a href="#options-closeonclickoutside" class="NutricionalTable-table-link"><i class="fa fa-link"></i></a>

closeOnClickOutside
</td>

@@ -397,21 +403,33 @@ <h2 id="Options" class="NutricionalTable-table-title">Options</h2>
<tr>


<td id="options-button">
<a href="#options-button" class="NutricionalTable-table-link"><i class="fa fa-link"></i></a>
button
<td id="options-classes">
<a href="#options-classes" class="NutricionalTable-table-link"><i class="fa fa-link"></i></a>

<span class="label label-info" style="zoom: 0.8;" title="Released in MenuChef's 1.1.0 version">v1.1.0</span>

classes
</td>

<td><span class="label label-default label--string">string</span></td>
<td>hamburger</td>
<td>HTML of MenuChef's button</td>
<td><span class="label label-default label--object">object</span></td>
<td>--</td>
<td>Classes is a manager of classes in links passed to MenuChef. It reveives 3 properties. All properties receives ONLY <code>array</code> of classes.
<br>
<b>exclude</b>: remove a class or an <code>array</code> of classes
<br>
<b>only</b>: remove ALL classes expect this one or an <code>array</code> of classes
<br>
<b>include</b>: add a class or an <code>array</code> of classes
<br>
ps: The order of hierarchy is respected. <b>exclude</b> > <b>only</b> > <b>include</b></td>
</tr>

<tr>


<td id="options-hamburger">
<a href="#options-hamburger" class="NutricionalTable-table-link"><i class="fa fa-link"></i></a>

hamburger
</td>

@@ -425,6 +443,7 @@ <h2 id="Options" class="NutricionalTable-table-title">Options</h2>

<td id="options-bodyclassopen">
<a href="#options-bodyclassopen" class="NutricionalTable-table-link"><i class="fa fa-link"></i></a>

bodyClassOpen
</td>

@@ -438,6 +457,7 @@ <h2 id="Options" class="NutricionalTable-table-title">Options</h2>

<td id="options-kitchenclass">
<a href="#options-kitchenclass" class="NutricionalTable-table-link"><i class="fa fa-link"></i></a>

kitchenClass
</td>

@@ -451,6 +471,7 @@ <h2 id="Options" class="NutricionalTable-table-title">Options</h2>

<td id="options-kitchenopenclass">
<a href="#options-kitchenopenclass" class="NutricionalTable-table-link"><i class="fa fa-link"></i></a>

kitchenOpenClass
</td>

@@ -464,6 +485,7 @@ <h2 id="Options" class="NutricionalTable-table-title">Options</h2>

<td id="options-onopen">
<a href="#options-onopen" class="NutricionalTable-table-link"><i class="fa fa-link"></i></a>

onOpen
</td>

@@ -477,6 +499,7 @@ <h2 id="Options" class="NutricionalTable-table-title">Options</h2>

<td id="options-onclose">
<a href="#options-onclose" class="NutricionalTable-table-link"><i class="fa fa-link"></i></a>

onClose
</td>

@@ -490,6 +513,7 @@ <h2 id="Options" class="NutricionalTable-table-title">Options</h2>

<td id="options-onclick">
<a href="#options-onclick" class="NutricionalTable-table-link"><i class="fa fa-link"></i></a>

onClick
</td>

@@ -518,6 +542,7 @@ <h2 id="Theme-Options" class="NutricionalTable-table-title">Theme Options</h2>

<td id="theme-theme">
<a href="#theme-theme" class="NutricionalTable-table-link"><i class="fa fa-link"></i></a>

theme
</td>

@@ -531,6 +556,7 @@ <h2 id="Theme-Options" class="NutricionalTable-table-title">Theme Options</h2>

<td id="theme-effectonopen">
<a href="#theme-effectonopen" class="NutricionalTable-table-link"><i class="fa fa-link"></i></a>

effectOnOpen
</td>

@@ -544,6 +570,7 @@ <h2 id="Theme-Options" class="NutricionalTable-table-title">Theme Options</h2>

<td id="theme-direction">
<a href="#theme-direction" class="NutricionalTable-table-link"><i class="fa fa-link"></i></a>

direction
</td>

@@ -557,6 +584,7 @@ <h2 id="Theme-Options" class="NutricionalTable-table-title">Theme Options</h2>

<td id="theme-pageeffect">
<a href="#theme-pageeffect" class="NutricionalTable-table-link"><i class="fa fa-link"></i></a>

pageEffect
</td>

@@ -585,6 +613,7 @@ <h2 id="Methods" class="NutricionalTable-table-title">Methods</h2>

<td id="public-methods-menuchef-open">
<a href="#public-methods-menuchef-open" class="NutricionalTable-table-link"><i class="fa fa-link"></i></a>

MenuChef.open()
</td>

@@ -598,6 +627,7 @@ <h2 id="Methods" class="NutricionalTable-table-title">Methods</h2>

<td id="public-methods-menuchef-close">
<a href="#public-methods-menuchef-close" class="NutricionalTable-table-link"><i class="fa fa-link"></i></a>

MenuChef.close()
</td>

@@ -611,6 +641,7 @@ <h2 id="Methods" class="NutricionalTable-table-title">Methods</h2>

<td id="public-methods-menuchef-toggle-this-classe">
<a href="#public-methods-menuchef-toggle-this-classe" class="NutricionalTable-table-link"><i class="fa fa-link"></i></a>

MenuChef.toggle([this, classe])
</td>

@@ -624,6 +655,7 @@ <h2 id="Methods" class="NutricionalTable-table-title">Methods</h2>

<td id="public-methods-menuchef-destroy">
<a href="#public-methods-menuchef-destroy" class="NutricionalTable-table-link"><i class="fa fa-link"></i></a>

MenuChef.destroy()
</td>

@@ -652,6 +684,7 @@ <h2 id="Public-Variables" class="NutricionalTable-table-title">Public Variables<

<td id="public-variables-menuchef-version">
<a href="#public-variables-menuchef-version" class="NutricionalTable-table-link"><i class="fa fa-link"></i></a>

MenuChef.version
</td>

@@ -665,6 +698,7 @@ <h2 id="Public-Variables" class="NutricionalTable-table-title">Public Variables<

<td id="public-variables-menuchef-isopen">
<a href="#public-variables-menuchef-isopen" class="NutricionalTable-table-link"><i class="fa fa-link"></i></a>

MenuChef.isOpen
</td>

@@ -718,6 +752,7 @@ <h2 id="Theming-Vars" class="NutricionalTable-table-title">Theming Vars</h2>

<td id="theming-vars-menuchef-scheme-bgcolor">
<a href="#theming-vars-menuchef-scheme-bgcolor" class="NutricionalTable-table-link"><i class="fa fa-link"></i></a>

--MenuChef-scheme-bgcolor
</td>

@@ -730,6 +765,7 @@ <h2 id="Theming-Vars" class="NutricionalTable-table-title">Theming Vars</h2>

<td id="theming-vars-menuchef-scheme-color">
<a href="#theming-vars-menuchef-scheme-color" class="NutricionalTable-table-link"><i class="fa fa-link"></i></a>

--MenuChef-scheme-color
</td>

@@ -742,6 +778,7 @@ <h2 id="Theming-Vars" class="NutricionalTable-table-title">Theming Vars</h2>

<td id="theming-vars-menuchef-scheme-color-hover">
<a href="#theming-vars-menuchef-scheme-color-hover" class="NutricionalTable-table-link"><i class="fa fa-link"></i></a>

--MenuChef-scheme-color-hover
</td>

@@ -768,6 +805,7 @@ <h2 id="Others-Vars" class="NutricionalTable-table-title">Others Vars</h2>

<td id="others-vars-menuchef-font-family">
<a href="#others-vars-menuchef-font-family" class="NutricionalTable-table-link"><i class="fa fa-link"></i></a>

--MenuChef-font-family
</td>

@@ -779,6 +817,7 @@ <h2 id="Others-Vars" class="NutricionalTable-table-title">Others Vars</h2>

<td id="others-vars-menuchef-font-size">
<a href="#others-vars-menuchef-font-size" class="NutricionalTable-table-link"><i class="fa fa-link"></i></a>

--MenuChef-font-size
</td>

@@ -790,6 +829,7 @@ <h2 id="Others-Vars" class="NutricionalTable-table-title">Others Vars</h2>

<td id="others-vars-menuchef-margin-bottom">
<a href="#others-vars-menuchef-margin-bottom" class="NutricionalTable-table-link"><i class="fa fa-link"></i></a>

--MenuChef-margin-bottom
</td>

@@ -801,6 +841,7 @@ <h2 id="Others-Vars" class="NutricionalTable-table-title">Others Vars</h2>

<td id="others-vars-menuchef-text-transform">
<a href="#others-vars-menuchef-text-transform" class="NutricionalTable-table-link"><i class="fa fa-link"></i></a>

--MenuChef-text-transform
</td>

@@ -812,6 +853,7 @@ <h2 id="Others-Vars" class="NutricionalTable-table-title">Others Vars</h2>

<td id="others-vars-menuchef-transition">
<a href="#others-vars-menuchef-transition" class="NutricionalTable-table-link"><i class="fa fa-link"></i></a>

--MenuChef-transition
</td>

@@ -823,6 +865,7 @@ <h2 id="Others-Vars" class="NutricionalTable-table-title">Others Vars</h2>

<td id="others-vars-menuchef-font-weight">
<a href="#others-vars-menuchef-font-weight" class="NutricionalTable-table-link"><i class="fa fa-link"></i></a>

--MenuChef-font-weight
</td>

@@ -834,6 +877,7 @@ <h2 id="Others-Vars" class="NutricionalTable-table-title">Others Vars</h2>

<td id="others-vars-menuchef-theme-side-width">
<a href="#others-vars-menuchef-theme-side-width" class="NutricionalTable-table-link"><i class="fa fa-link"></i></a>

--MenuChef-theme_side-width
</td>

@@ -845,6 +889,7 @@ <h2 id="Others-Vars" class="NutricionalTable-table-title">Others Vars</h2>

<td id="others-vars-menuchef-theme-side-min-width">
<a href="#others-vars-menuchef-theme-side-min-width" class="NutricionalTable-table-link"><i class="fa fa-link"></i></a>

--MenuChef-theme_side-min-width
</td>

Loading

0 comments on commit d4ae58c

Please sign in to comment.