Skip to content

Commit

Permalink
Merge pull request h5bp#190 from enriquemorenotent/gh-pages
Browse files Browse the repository at this point in the history
Renamed classes for modal buttons
  • Loading branch information
chriscoyier committed Aug 31, 2013
2 parents 1943076 + 517e0e5 commit 39db554
Show file tree
Hide file tree
Showing 15 changed files with 99 additions and 99 deletions.
2 changes: 1 addition & 1 deletion dist/assets/js/modules/modals.js
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@ var EffecktModals = {
evt += ' touchstart';
}

$(".modal2-button").on(evt, function() {
$(".effeckt-modal-button").on(evt, function() {
self.openModal(this);
});

Expand Down
2 changes: 1 addition & 1 deletion dist/buttons.html
Original file line number Diff line number Diff line change
Expand Up @@ -305,7 +305,7 @@ <h2>Page Transition From Top</h2>
<!-- libs -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script>
<script>window.jQuery || document.write('<script src="assets/js/libs/jquery-2.0.3.min.js"><\/script>')</script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-2.0.3.min.js"><\/script>')</script>

<!-- demo -->
<script src="assets/js/demo/demo.js"></script>
Expand Down
2 changes: 1 addition & 1 deletion dist/captions.html
Original file line number Diff line number Diff line change
Expand Up @@ -372,7 +372,7 @@ <h2>Page Transition From Top</h2>
<!-- libs -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script>
<script>window.jQuery || document.write('<script src="assets/js/libs/jquery-2.0.3.min.js"><\/script>')</script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-2.0.3.min.js"><\/script>')</script>

<!-- demo -->
<script src="assets/js/demo/demo.js"></script>
Expand Down
2 changes: 1 addition & 1 deletion dist/form-elements.html
Original file line number Diff line number Diff line change
Expand Up @@ -217,7 +217,7 @@ <h2>Page Transition From Top</h2>
<!-- libs -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script>
<script>window.jQuery || document.write('<script src="assets/js/libs/jquery-2.0.3.min.js"><\/script>')</script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-2.0.3.min.js"><\/script>')</script>

<!-- demo -->
<script src="assets/js/demo/demo.js"></script>
Expand Down
60 changes: 30 additions & 30 deletions dist/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -112,35 +112,35 @@ <h2>
</header>

<div class="button-group">
<button class="modal2-button" data-effeckt-type="from-below">From Below</button>
<button class="modal2-button" data-effeckt-type="from-above">From Above</button>
<button class="modal2-button" data-effeckt-type="slide-in-right">Slide In (right)</button>
<button class="modal2-button" data-effeckt-type="slide-in-bottom">Slide In (bottom)</button>
<button class="modal2-button" data-effeckt-type="newspaper">Newspaper</button>
<button class="modal2-button" data-effeckt-type="side-fall" data-effeckt-hide-class="true">Side Fall</button>
<button class="modal2-button" data-effeckt-type="sticky-up">Sticky Up</button>
<button class="modal2-button" data-effeckt-type="flip-horizontal-3D">3D Flip (horizontal)</button>
<button class="modal2-button" data-effeckt-type="flip-vertical-3D">3D Flip (vertical)</button>
<button class="modal2-button" data-effeckt-type="sign-3D">3D Sign</button>
<button class="modal2-button" data-effeckt-type="just-me">Just Me</button>
<button class="modal2-button" data-effeckt-type="slit-3D" data-effeckt-hide-class="true">3D Slit</button>
<button class="modal2-button" data-effeckt-type="rotate-from-bottom-3D">3D Rotate Bottom</button>
<button class="modal2-button" data-effeckt-type="rotate-from-left-3D">3D Rotate In Left</button>
<button class="modal2-button" data-effeckt-type="blur">Blur</button>

<button class="modal2-button" data-effeckt-type="let-me-in" data-effeckt-needs-perspective="true" data-hide-class="true">Let Me In</button>
<button class="modal2-button" data-effeckt-type="make-way" data-effeckt-needs-perspective="true" data-hide-class="true">Make Way!</button>
<button class="modal2-button" data-effeckt-type="slip-in-from-top" data-effeckt-needs-perspective="true" data-hide-class="true">Slip From Top</button>

<button class="modal2-button" data-effeckt-type="tilt-fall" data-effeckt-hide-class="true">From Top, Tilt Fall</button>
<button class="modal2-button" data-effeckt-type="from-top-to-bottom" data-effeckt-hide-class="true">From Top to Bottom</button>
<button class="modal2-button" data-effeckt-type="from-top-to-top" data-effeckt-hide-class="true">From Top to Top</button>
<button class="modal2-button" data-effeckt-type="shake" data-effeckt-hide-class="true">Shake</button>
<button class="modal2-button" data-effeckt-type="bounce" data-effeckt-hide-class="true">Bounce</button>
<button class="modal2-button" data-effeckt-type="pulse" data-effeckt-hide-class="true">Pulse</button>
<button class="modal2-button" data-effeckt-type="wobble" data-effeckt-hide-class="true">Wobble</button>
<button class="modal2-button" data-effeckt-type="swing" data-effeckt-hide-class="true">Swing</button>
<button class="modal2-button" data-effeckt-type="tada" data-effeckt-hide-class="true">Tada</button>
<button class="effeckt-modal-button" data-effeckt-type="from-below">From Below</button>
<button class="effeckt-modal-button" data-effeckt-type="from-above">From Above</button>
<button class="effeckt-modal-button" data-effeckt-type="slide-in-right">Slide In (right)</button>
<button class="effeckt-modal-button" data-effeckt-type="slide-in-bottom">Slide In (bottom)</button>
<button class="effeckt-modal-button" data-effeckt-type="newspaper">Newspaper</button>
<button class="effeckt-modal-button" data-effeckt-type="side-fall" data-effeckt-hide-class="true">Side Fall</button>
<button class="effeckt-modal-button" data-effeckt-type="sticky-up">Sticky Up</button>
<button class="effeckt-modal-button" data-effeckt-type="flip-horizontal-3D">3D Flip (horizontal)</button>
<button class="effeckt-modal-button" data-effeckt-type="flip-vertical-3D">3D Flip (vertical)</button>
<button class="effeckt-modal-button" data-effeckt-type="sign-3D">3D Sign</button>
<button class="effeckt-modal-button" data-effeckt-type="just-me">Just Me</button>
<button class="effeckt-modal-button" data-effeckt-type="slit-3D" data-effeckt-hide-class="true">3D Slit</button>
<button class="effeckt-modal-button" data-effeckt-type="rotate-from-bottom-3D">3D Rotate Bottom</button>
<button class="effeckt-modal-button" data-effeckt-type="rotate-from-left-3D">3D Rotate In Left</button>
<button class="effeckt-modal-button" data-effeckt-type="blur">Blur</button>

<button class="effeckt-modal-button" data-effeckt-type="let-me-in" data-effeckt-needs-perspective="true" data-hide-class="true">Let Me In</button>
<button class="effeckt-modal-button" data-effeckt-type="make-way" data-effeckt-needs-perspective="true" data-hide-class="true">Make Way!</button>
<button class="effeckt-modal-button" data-effeckt-type="slip-in-from-top" data-effeckt-needs-perspective="true" data-hide-class="true">Slip From Top</button>

<button class="effeckt-modal-button" data-effeckt-type="tilt-fall" data-effeckt-hide-class="true">From Top, Tilt Fall</button>
<button class="effeckt-modal-button" data-effeckt-type="from-top-to-bottom" data-effeckt-hide-class="true">From Top to Bottom</button>
<button class="effeckt-modal-button" data-effeckt-type="from-top-to-top" data-effeckt-hide-class="true">From Top to Top</button>
<button class="effeckt-modal-button" data-effeckt-type="shake" data-effeckt-hide-class="true">Shake</button>
<button class="effeckt-modal-button" data-effeckt-type="bounce" data-effeckt-hide-class="true">Bounce</button>
<button class="effeckt-modal-button" data-effeckt-type="pulse" data-effeckt-hide-class="true">Pulse</button>
<button class="effeckt-modal-button" data-effeckt-type="wobble" data-effeckt-hide-class="true">Wobble</button>
<button class="effeckt-modal-button" data-effeckt-type="swing" data-effeckt-hide-class="true">Swing</button>
<button class="effeckt-modal-button" data-effeckt-type="tada" data-effeckt-hide-class="true">Tada</button>
</div>

</div>
Expand Down Expand Up @@ -1033,7 +1033,7 @@ <h2>Page Transition From Top</h2>
<!-- libs -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script>
<script>window.jQuery || document.write('<script src="assets/js/libs/jquery-2.0.3.min.js"><\/script>')</script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-2.0.3.min.js"><\/script>')</script>

<!-- demo -->
<script src="assets/js/demo/demo.js"></script>
Expand Down
2 changes: 1 addition & 1 deletion dist/list-items.html
Original file line number Diff line number Diff line change
Expand Up @@ -305,7 +305,7 @@ <h2>Page Transition From Top</h2>
<!-- libs -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script>
<script>window.jQuery || document.write('<script src="assets/js/libs/jquery-2.0.3.min.js"><\/script>')</script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-2.0.3.min.js"><\/script>')</script>

<!-- demo -->
<script src="assets/js/demo/demo.js"></script>
Expand Down
2 changes: 1 addition & 1 deletion dist/list-scroll.html
Original file line number Diff line number Diff line change
Expand Up @@ -232,7 +232,7 @@ <h2>Page Transition From Top</h2>
<!-- libs -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script>
<script>window.jQuery || document.write('<script src="assets/js/libs/jquery-2.0.3.min.js"><\/script>')</script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-2.0.3.min.js"><\/script>')</script>

<!-- demo -->
<script src="assets/js/demo/demo.js"></script>
Expand Down
60 changes: 30 additions & 30 deletions dist/modals.html
Original file line number Diff line number Diff line change
Expand Up @@ -111,35 +111,35 @@ <h2>
</header>

<div class="button-group">
<button class="modal2-button" data-effeckt-type="from-below">From Below</button>
<button class="modal2-button" data-effeckt-type="from-above">From Above</button>
<button class="modal2-button" data-effeckt-type="slide-in-right">Slide In (right)</button>
<button class="modal2-button" data-effeckt-type="slide-in-bottom">Slide In (bottom)</button>
<button class="modal2-button" data-effeckt-type="newspaper">Newspaper</button>
<button class="modal2-button" data-effeckt-type="side-fall" data-effeckt-hide-class="true">Side Fall</button>
<button class="modal2-button" data-effeckt-type="sticky-up">Sticky Up</button>
<button class="modal2-button" data-effeckt-type="flip-horizontal-3D">3D Flip (horizontal)</button>
<button class="modal2-button" data-effeckt-type="flip-vertical-3D">3D Flip (vertical)</button>
<button class="modal2-button" data-effeckt-type="sign-3D">3D Sign</button>
<button class="modal2-button" data-effeckt-type="just-me">Just Me</button>
<button class="modal2-button" data-effeckt-type="slit-3D" data-effeckt-hide-class="true">3D Slit</button>
<button class="modal2-button" data-effeckt-type="rotate-from-bottom-3D">3D Rotate Bottom</button>
<button class="modal2-button" data-effeckt-type="rotate-from-left-3D">3D Rotate In Left</button>
<button class="modal2-button" data-effeckt-type="blur">Blur</button>

<button class="modal2-button" data-effeckt-type="let-me-in" data-effeckt-needs-perspective="true" data-hide-class="true">Let Me In</button>
<button class="modal2-button" data-effeckt-type="make-way" data-effeckt-needs-perspective="true" data-hide-class="true">Make Way!</button>
<button class="modal2-button" data-effeckt-type="slip-in-from-top" data-effeckt-needs-perspective="true" data-hide-class="true">Slip From Top</button>

<button class="modal2-button" data-effeckt-type="tilt-fall" data-effeckt-hide-class="true">From Top, Tilt Fall</button>
<button class="modal2-button" data-effeckt-type="from-top-to-bottom" data-effeckt-hide-class="true">From Top to Bottom</button>
<button class="modal2-button" data-effeckt-type="from-top-to-top" data-effeckt-hide-class="true">From Top to Top</button>
<button class="modal2-button" data-effeckt-type="shake" data-effeckt-hide-class="true">Shake</button>
<button class="modal2-button" data-effeckt-type="bounce" data-effeckt-hide-class="true">Bounce</button>
<button class="modal2-button" data-effeckt-type="pulse" data-effeckt-hide-class="true">Pulse</button>
<button class="modal2-button" data-effeckt-type="wobble" data-effeckt-hide-class="true">Wobble</button>
<button class="modal2-button" data-effeckt-type="swing" data-effeckt-hide-class="true">Swing</button>
<button class="modal2-button" data-effeckt-type="tada" data-effeckt-hide-class="true">Tada</button>
<button class="effeckt-modal-button" data-effeckt-type="from-below">From Below</button>
<button class="effeckt-modal-button" data-effeckt-type="from-above">From Above</button>
<button class="effeckt-modal-button" data-effeckt-type="slide-in-right">Slide In (right)</button>
<button class="effeckt-modal-button" data-effeckt-type="slide-in-bottom">Slide In (bottom)</button>
<button class="effeckt-modal-button" data-effeckt-type="newspaper">Newspaper</button>
<button class="effeckt-modal-button" data-effeckt-type="side-fall" data-effeckt-hide-class="true">Side Fall</button>
<button class="effeckt-modal-button" data-effeckt-type="sticky-up">Sticky Up</button>
<button class="effeckt-modal-button" data-effeckt-type="flip-horizontal-3D">3D Flip (horizontal)</button>
<button class="effeckt-modal-button" data-effeckt-type="flip-vertical-3D">3D Flip (vertical)</button>
<button class="effeckt-modal-button" data-effeckt-type="sign-3D">3D Sign</button>
<button class="effeckt-modal-button" data-effeckt-type="just-me">Just Me</button>
<button class="effeckt-modal-button" data-effeckt-type="slit-3D" data-effeckt-hide-class="true">3D Slit</button>
<button class="effeckt-modal-button" data-effeckt-type="rotate-from-bottom-3D">3D Rotate Bottom</button>
<button class="effeckt-modal-button" data-effeckt-type="rotate-from-left-3D">3D Rotate In Left</button>
<button class="effeckt-modal-button" data-effeckt-type="blur">Blur</button>

<button class="effeckt-modal-button" data-effeckt-type="let-me-in" data-effeckt-needs-perspective="true" data-hide-class="true">Let Me In</button>
<button class="effeckt-modal-button" data-effeckt-type="make-way" data-effeckt-needs-perspective="true" data-hide-class="true">Make Way!</button>
<button class="effeckt-modal-button" data-effeckt-type="slip-in-from-top" data-effeckt-needs-perspective="true" data-hide-class="true">Slip From Top</button>

<button class="effeckt-modal-button" data-effeckt-type="tilt-fall" data-effeckt-hide-class="true">From Top, Tilt Fall</button>
<button class="effeckt-modal-button" data-effeckt-type="from-top-to-bottom" data-effeckt-hide-class="true">From Top to Bottom</button>
<button class="effeckt-modal-button" data-effeckt-type="from-top-to-top" data-effeckt-hide-class="true">From Top to Top</button>
<button class="effeckt-modal-button" data-effeckt-type="shake" data-effeckt-hide-class="true">Shake</button>
<button class="effeckt-modal-button" data-effeckt-type="bounce" data-effeckt-hide-class="true">Bounce</button>
<button class="effeckt-modal-button" data-effeckt-type="pulse" data-effeckt-hide-class="true">Pulse</button>
<button class="effeckt-modal-button" data-effeckt-type="wobble" data-effeckt-hide-class="true">Wobble</button>
<button class="effeckt-modal-button" data-effeckt-type="swing" data-effeckt-hide-class="true">Swing</button>
<button class="effeckt-modal-button" data-effeckt-type="tada" data-effeckt-hide-class="true">Tada</button>
</div>

</div>
Expand Down Expand Up @@ -241,7 +241,7 @@ <h2>Page Transition From Top</h2>
<!-- libs -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script>
<script>window.jQuery || document.write('<script src="assets/js/libs/jquery-2.0.3.min.js"><\/script>')</script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-2.0.3.min.js"><\/script>')</script>

<!-- demo -->
<script src="assets/js/demo/demo.js"></script>
Expand Down
2 changes: 1 addition & 1 deletion dist/off-screen-navs.html
Original file line number Diff line number Diff line change
Expand Up @@ -222,7 +222,7 @@ <h2>Page Transition From Top</h2>
<!-- libs -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script>
<script>window.jQuery || document.write('<script src="assets/js/libs/jquery-2.0.3.min.js"><\/script>')</script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-2.0.3.min.js"><\/script>')</script>

<!-- demo -->
<script src="assets/js/demo/demo.js"></script>
Expand Down
2 changes: 1 addition & 1 deletion dist/page-transitions.html
Original file line number Diff line number Diff line change
Expand Up @@ -240,7 +240,7 @@ <h2>Page Transition From Top</h2>
<!-- libs -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script>
<script>window.jQuery || document.write('<script src="assets/js/libs/jquery-2.0.3.min.js"><\/script>')</script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-2.0.3.min.js"><\/script>')</script>

<!-- demo -->
<script src="assets/js/demo/demo.js"></script>
Expand Down
2 changes: 1 addition & 1 deletion dist/positional-modals.html
Original file line number Diff line number Diff line change
Expand Up @@ -211,7 +211,7 @@ <h2>Page Transition From Top</h2>
<!-- libs -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script>
<script>window.jQuery || document.write('<script src="assets/js/libs/jquery-2.0.3.min.js"><\/script>')</script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-2.0.3.min.js"><\/script>')</script>

<!-- demo -->
<script src="assets/js/demo/demo.js"></script>
Expand Down
2 changes: 1 addition & 1 deletion dist/tabs.html
Original file line number Diff line number Diff line change
Expand Up @@ -369,7 +369,7 @@ <h2>Page Transition From Top</h2>
<!-- libs -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script>
<script>window.jQuery || document.write('<script src="assets/js/libs/jquery-2.0.3.min.js"><\/script>')</script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-2.0.3.min.js"><\/script>')</script>

<!-- demo -->
<script src="assets/js/demo/demo.js"></script>
Expand Down
2 changes: 1 addition & 1 deletion dist/tooltips.html
Original file line number Diff line number Diff line change
Expand Up @@ -207,7 +207,7 @@ <h2>Page Transition From Top</h2>
<!-- libs -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script>
<script>window.jQuery || document.write('<script src="assets/js/libs/jquery-2.0.3.min.js"><\/script>')</script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-2.0.3.min.js"><\/script>')</script>

<!-- demo -->
<script src="assets/js/demo/demo.js"></script>
Expand Down
2 changes: 1 addition & 1 deletion js/modules/modals.js
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@ var EffecktModals = {
evt += ' touchstart';
}

$(".modal2-button").on(evt, function() {
$(".effeckt-modal-button").on(evt, function() {
self.openModal(this);
});

Expand Down
Loading

0 comments on commit 39db554

Please sign in to comment.