Robot
/
Hover
mirror of https://github.com/IanLunn/Hover.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Changed include-classes to camelcase and updated readme

This commit is contained in:
IanLunn 2015-01-26 19:00:30 +00:00
parent be667b228c
commit 5df767b499
9 changed files with 224 additions and 223 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -229,6 +229,8 @@ Contains default options, various effect options and the browser prefixes you'd
As of `2.0.0`, `_options` also includes a `$nameSpace` / `@nameSpace` option which allows you to change the name all classes are prefixed with. The default namespace is `hvr`.
The `$includeClasses` / `@includeClasses` option by default is set to `true` and will generate all Hover.css effects under their own class names, `hvr-grow` for example. Should you wish to add the properties that make up Hover.css effects to your own class names, set this option to `false`.
## Contribute to Hover.css
If you'd like to contribute your own effects, please see the [Contributing Guide](https://github.com/IanLunn/Hover/blob/master/CONTRIBUTING.md).

2
bower.json
View File

@ -1,6 +1,6 @@
{
"name": "Hover.css",
"version": "2.0.0",
"version": "2.0.1",
"homepage": "http://ianlunn.github.io/Hover",
"authors": [
"Ian Lunn <hello@ianlunn.co.uk>"

2
css/hover-min.css vendored
View File

@ -1,6 +1,6 @@
/*!
* Hover.css (http://ianlunn.github.io/Hover/)
* Version: 2.0.0
* Version: 2.0.1
* Author: Ian Lunn @IanLunn
* Author URL: http://ianlunn.co.uk/
* Github: https://github.com/IanLunn/Hover

2
css/hover.css
View File

@ -1,6 +1,6 @@
/*!
* Hover.css (http://ianlunn.github.io/Hover/)
* Version: 2.0.0
* Version: 2.0.1
* Author: Ian Lunn @IanLunn
* Author URL: http://ianlunn.co.uk/
* Github: https://github.com/IanLunn/Hover

2
less/_options.less
View File

@ -40,4 +40,4 @@
@o: false;
// Compile with or without classes
@include-classes: true;
@includeClasses: true;

216
less/hover.less
View File

@ -1,6 +1,6 @@
/*!
* Hover.css (http://ianlunn.github.io/Hover/)
* Version: 2.0.0
* Version: 2.0.1
* Author: Ian Lunn @IanLunn
* Author URL: http://ianlunn.co.uk/
* Github: https://github.com/IanLunn/Hover
@ -19,189 +19,189 @@
/* 2D TRANSITIONS */
@import "effects/2d-transitions/_grow";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-grow {
.grow();
}
}
@import "effects/2d-transitions/_shrink";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-shrink {
.shrink();
}
}
@import "effects/2d-transitions/_pulse";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-pulse {
.pulse();
}
}
@import "effects/2d-transitions/_pulse-grow";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-pulse-grow {
.pulse-grow();
}
}
@import "effects/2d-transitions/_pulse-shrink";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-pulse-shrink {
.pulse-shrink();
}
}
@import "effects/2d-transitions/_push";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-push {
.push();
}
}
@import "effects/2d-transitions/_pop";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-pop {
.pop();
}
}
@import "effects/2d-transitions/_bounce-in";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-bounce-in {
.bounce-in();
}
}
@import "effects/2d-transitions/_bounce-out";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-bounce-out {
.bounce-out();
}
}
@import "effects/2d-transitions/_rotate";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-rotate {
.rotate();
}
}
@import "effects/2d-transitions/_grow-rotate";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-grow-rotate {
.grow-rotate();
}
}
@import "effects/2d-transitions/_float";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-float {
.float();
}
}
@import "effects/2d-transitions/_sink";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-sink {
.sink();
}
}
@import "effects/2d-transitions/_bob";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-bob {
.bob();
}
}
@import "effects/2d-transitions/_hang";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-hang {
.hang();
}
}
@import "effects/2d-transitions/_skew";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-skew {
.skew();
}
}
@import "effects/2d-transitions/_skew-forward";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-skew-forward {
.skew-forward();
}
}
@import "effects/2d-transitions/_skew-backward";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-skew-backward {
.skew-backward();
}
}
@import "effects/2d-transitions/_wobble-vertical";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-wobble-vertical {
.wobble-vertical();
}
}
@import "effects/2d-transitions/_wobble-horizontal";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-wobble-horizontal {
.wobble-horizontal();
}
}
@import "effects/2d-transitions/_wobble-to-bottom-right";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-wobble-to-bottom-right {
.wobble-to-bottom-right();
}
}
@import "effects/2d-transitions/_wobble-to-top-right";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-wobble-to-top-right {
.wobble-to-top-right();
}
}
@import "effects/2d-transitions/_wobble-top";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-wobble-top {
.wobble-top();
}
}
@import "effects/2d-transitions/_wobble-bottom";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-wobble-bottom {
.wobble-bottom();
}
}
@import "effects/2d-transitions/_wobble-skew";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-wobble-skew {
.wobble-skew();
}
}
@import "effects/2d-transitions/_buzz";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-buzz {
.buzz();
}
}
@import "effects/2d-transitions/_buzz-out";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-buzz-out {
.buzz-out();
}
@ -209,119 +209,119 @@
/* BACKGROUND TRANSITIONS */
@import "effects/background-transitions/_fade";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-fade {
.fade();
}
}
@import "effects/background-transitions/_sweep-to-right";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-sweep-to-right {
.sweep-to-right();
}
}
@import "effects/background-transitions/_sweep-to-left";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-sweep-to-left {
.sweep-to-left();
}
}
@import "effects/background-transitions/_sweep-to-bottom";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-sweep-to-bottom {
.sweep-to-bottom();
}
}
@import "effects/background-transitions/_sweep-to-top";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-sweep-to-top {
.sweep-to-top();
}
}
@import "effects/background-transitions/_bounce-to-right";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-bounce-to-right {
.bounce-to-right();
}
}
@import "effects/background-transitions/_bounce-to-left";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-bounce-to-left {
.bounce-to-left();
}
}
@import "effects/background-transitions/_bounce-to-bottom";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-bounce-to-bottom {
.bounce-to-bottom();
}
}
@import "effects/background-transitions/_bounce-to-top";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-bounce-to-top {
.bounce-to-top();
}
}
@import "effects/background-transitions/_radial-out";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-radial-out {
.radial-out();
}
}
@import "effects/background-transitions/_radial-in";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-radial-in {
.radial-in();
}
}
@import "effects/background-transitions/_rectangle-in";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-rectangle-in {
.rectangle-in();
}
}
@import "effects/background-transitions/_rectangle-out";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-rectangle-out {
.rectangle-out();
}
}
@import "effects/background-transitions/_shutter-in-horizontal";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-shutter-in-horizontal {
.shutter-in-horizontal();
}
}
@import "effects/background-transitions/_shutter-out-horizontal";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-shutter-out-horizontal {
.shutter-out-horizontal();
}
}
@import "effects/background-transitions/_shutter-in-vertical";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-shutter-in-vertical {
.shutter-in-vertical();
}
}
@import "effects/background-transitions/_shutter-out-vertical";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-shutter-out-vertical {
.shutter-out-vertical();
}
@ -330,119 +330,119 @@
/* BORDER TRANSITIONS */
@import "effects/border-transitions/_border-fade";
& when (@include-classes == true) {
& when (@includeClasses = true) {
.@{nameSpace}-border-fade {
.border-fade();
}
}
@import "effects/border-transitions/_hollow";
& when (@include-classes == true) {
& when (@includeClasses = true) {
.@{nameSpace}-hollow {
.hollow();
}
}
@import "effects/border-transitions/_trim";
& when (@include-classes == true) {
& when (@includeClasses = true) {
.@{nameSpace}-trim {
.trim();
}
}
@import "effects/border-transitions/_ripple-out";
& when (@include-classes == true) {
& when (@includeClasses = true) {
.@{nameSpace}-ripple-out {
.ripple-out();
}
}
@import "effects/border-transitions/_ripple-in";
& when (@include-classes == true) {
& when (@includeClasses = true) {
.@{nameSpace}-ripple-in {
.ripple-in();
}
}
@import "effects/border-transitions/_outline-out";
& when (@include-classes == true) {
& when (@includeClasses = true) {
.@{nameSpace}-outline-out {
.outline-out();
}
}
@import "effects/border-transitions/_outline-in";
& when (@include-classes == true) {
& when (@includeClasses = true) {
.@{nameSpace}-outline-in {
.outline-in();
}
}
@import "effects/border-transitions/_round-corners";
& when (@include-classes == true) {
& when (@includeClasses = true) {
.@{nameSpace}-round-corners {
.round-corners();
}
}
@import "effects/border-transitions/_underline-from-left";
& when (@include-classes == true) {
& when (@includeClasses = true) {
.@{nameSpace}-underline-from-left {
.underline-from-left();
}
}
@import "effects/border-transitions/_underline-from-center";
& when (@include-classes == true) {
& when (@includeClasses = true) {
.@{nameSpace}-underline-from-center {
.underline-from-center();
}
}
@import "effects/border-transitions/_underline-from-right";
& when (@include-classes == true) {
& when (@includeClasses = true) {
.@{nameSpace}-underline-from-right {
.underline-from-right();
}
}
@import "effects/border-transitions/_overline-from-left";
& when (@include-classes == true) {
& when (@includeClasses = true) {
.@{nameSpace}-overline-from-left {
.overline-from-left();
}
}
@import "effects/border-transitions/_overline-from-center";
& when (@include-classes == true) {
& when (@includeClasses = true) {
.@{nameSpace}-overline-from-center {
.overline-from-center();
}
}
@import "effects/border-transitions/_overline-from-right";
& when (@include-classes == true) {
& when (@includeClasses = true) {
.@{nameSpace}-overline-from-right {
.overline-from-right();
}
}
@import "effects/border-transitions/_reveal";
& when (@include-classes == true) {
& when (@includeClasses = true) {
.@{nameSpace}-reveal {
.reveal();
}
}
@import "effects/border-transitions/_underline-reveal";
& when (@include-classes == true) {
& when (@includeClasses = true) {
.@{nameSpace}-underline-reveal {
.underline-reveal();
}
}
@import "effects/border-transitions/_overline-reveal";
& when (@include-classes == true) {
& when (@includeClasses = true) {
.@{nameSpace}-overline-reveal {
.overline-reveal();
}
@ -451,49 +451,49 @@
/* SHADOW/GLOW TRANSITIONS */
@import "effects/shadow-and-glow-transitions/_glow";
& when (@include-classes == true) {
& when (@includeClasses = true) {
.@{nameSpace}-glow {
.glow();
}
}
@import "effects/shadow-and-glow-transitions/_shadow";
& when (@include-classes == true) {
& when (@includeClasses = true) {
.@{nameSpace}-shadow {
.shadow();
}
}
@import "effects/shadow-and-glow-transitions/_grow-shadow";
& when (@include-classes == true) {
& when (@includeClasses = true) {
.@{nameSpace}-grow-shadow {
.grow-shadow();
}
}
@import "effects/shadow-and-glow-transitions/_box-shadow-outset";
& when (@include-classes == true) {
& when (@includeClasses = true) {
.@{nameSpace}-box-shadow-outset {
.box-shadow-outset();
}
}
@import "effects/shadow-and-glow-transitions/_box-shadow-inset";
& when (@include-classes == true) {
& when (@includeClasses = true) {
.@{nameSpace}-box-shadow-inset {
.box-shadow-inset();
}
}
@import "effects/shadow-and-glow-transitions/_float-shadow";
& when (@include-classes == true) {
& when (@includeClasses = true) {
.@{nameSpace}-float-shadow {
.float-shadow();
}
}
@import "effects/shadow-and-glow-transitions/_shadow-radial";
& when (@include-classes == true) {
& when (@includeClasses = true) {
.@{nameSpace}-show-radial {
.shadow-radial();
}
@ -501,56 +501,56 @@
/* SPEECH BUBBLES */
@import "effects/speech-bubbles/_bubble-top";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-bubble-top {
.bubble-top();
}
}
@import "effects/speech-bubbles/_bubble-right";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-bubble-right {
.bubble-right();
}
}
@import "effects/speech-bubbles/_bubble-bottom";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-bubble-bottom {
.bubble-bottom();
}
}
@import "effects/speech-bubbles/_bubble-left";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-bubble-left {
.bubble-left();
}
}
@import "effects/speech-bubbles/_bubble-float-top";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-bubble-float-top {
.bubble-float-top();
}
}
@import "effects/speech-bubbles/_bubble-float-right";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-bubble-float-right {
.bubble-float-right();
}
}
@import "effects/speech-bubbles/_bubble-float-bottom";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-bubble-float-bottom {
.bubble-float-bottom();
}
}
@import "effects/speech-bubbles/_bubble-float-left";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-bubble-float-left {
.bubble-float-left();
}
@ -558,189 +558,189 @@
/* ICONS */
@import "effects/icons/_icon-back";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-icon-back {
.icon-back();
}
}
@import "effects/icons/_icon-forward";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-icon-forward {
.icon-forward();
}
}
@import "effects/icons/_icon-down";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-icon-down {
.icon-down();
}
}
@import "effects/icons/_icon-up";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-icon-up {
.icon-up();
}
}
@import "effects/icons/_icon-spin";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-icon-spin {
.icon-spin();
}
}
@import "effects/icons/_icon-drop";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-icon-drop {
.icon-drop();
}
}
@import "effects/icons/_icon-fade";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-icon-fade {
.icon-fade();
}
}
@import "effects/icons/_icon-float-away";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-icon-float-away {
.icon-float-away();
}
}
@import "effects/icons/_icon-sink-away";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-icon-sink-away {
.icon-sink-away();
}
}
@import "effects/icons/_icon-grow";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-icon-grow {
.icon-grow();
}
}
@import "effects/icons/_icon-shrink";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-icon-shrink {
.icon-shrink();
}
}
@import "effects/icons/_icon-pulse";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-icon-pulse {
.icon-pulse();
}
}
@import "effects/icons/_icon-pulse-grow";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-icon-pulse-grow {
.icon-pulse-grow();
}
}
@import "effects/icons/_icon-pulse-shrink";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-icon-pulse-shrink {
.icon-pulse-shrink();
}
}
@import "effects/icons/_icon-push";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-icon-push {
.icon-push();
}
}
@import "effects/icons/_icon-pop";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-icon-pop {
.icon-pop();
}
}
@import "effects/icons/_icon-bounce";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-icon-bounce {
.icon-bounce();
}
}
@import "effects/icons/_icon-rotate";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-icon-rotate {
.icon-rotate();
}
}
@import "effects/icons/_icon-grow-rotate";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-icon-grow-rotate {
.icon-grow-rotate();
}
}
@import "effects/icons/_icon-float";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-icon-float {
.icon-float();
}
}
@import "effects/icons/_icon-sink";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-icon-sink {
.icon-sink();
}
}
@import "effects/icons/_icon-bob";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-icon-bob {
.icon-bob();
}
}
@import "effects/icons/_icon-hang";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-icon-hang {
.icon-hang();
}
}
@import "effects/icons/_icon-wobble-horizontal";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-icon-wobble-horizontal {
.icon-wobble-horizontal();
}
}
@import "effects/icons/_icon-wobble-vertical";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-icon-wobble-vertical {
.icon-wobble-vertical();
}
}
@import "effects/icons/_icon-buzz";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-icon-buzz {
.icon-buzz();
}
}
@import "effects/icons/_icon-buzz-out";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-icon-buzz-out {
.icon-buzz-out();
}
@ -748,28 +748,28 @@
/* CURLS */
@import "effects/curls/_curl-top-left";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-curl-top-left {
.curl-top-left();
}
}
@import "effects/curls/_curl-top-right";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-curl-top-right {
.curl-top-right();
}
}
@import "effects/curls/_curl-bottom-right";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-curl-bottom-right {
.curl-bottom-right();
}
}
@import "effects/curls/_curl-bottom-left";
& when(@include-classes == true) {
& when(@includeClasses = true) {
.@{nameSpace}-curl-bottom-left {
.curl-bottom-left();
}

2
package.json
View File

@ -1,6 +1,6 @@
{
"name": "hover.css",
"version": "2.0.0",
"version": "2.0.1",
"author": "Ian Lunn",
"repository": {
"type": "git",

2
scss/_options.scss
View File

@ -40,4 +40,4 @@ $ms: false !default;
$o: false !default;
// Compile with or without classes
$include-classes: true !default;
$includeClasses: true !default;

217
scss/hover.scss
View File

@ -1,6 +1,6 @@
/*!
* Hover.css (http://ianlunn.github.io/Hover/)
* Version: 2.0.0
* Version: 2.0.1
* Author: Ian Lunn @IanLunn
* Author URL: http://ianlunn.co.uk/
* Github: https://github.com/IanLunn/Hover
@ -16,192 +16,191 @@
@import "hacks";
/* 2D TRANSITIONS */
@import "effects/2d-transitions/grow";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-grow {
@include grow();
}
}
@import "effects/2d-transitions/shrink";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-shrink {
@include shrink();
}
}
@import "effects/2d-transitions/pulse";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-pulse {
@include pulse();
}
}
@import "effects/2d-transitions/pulse-grow";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-pulse-grow {
@include pulse-grow();
}
}
@import "effects/2d-transitions/pulse-shrink";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-pulse-shrink {
@include pulse-shrink();
}
}
@import "effects/2d-transitions/push";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-push {
@include push();
}
}
@import "effects/2d-transitions/pop";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-pop {
@include pop();
}
}
@import "effects/2d-transitions/bounce-in";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-bounce-in {
@include bounce-in();
}
}
@import "effects/2d-transitions/bounce-out";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-bounce-out {
@include bounce-out();
}
}
@import "effects/2d-transitions/rotate";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-rotate {
@include rotate();
}
}
@import "effects/2d-transitions/grow-rotate";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-grow-rotate {
@include grow-rotate();
}
}
@import "effects/2d-transitions/float";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-float {
@include float();
}
}
@import "effects/2d-transitions/sink";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-sink {
@include sink();
}
}
@import "effects/2d-transitions/bob";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-bob {
@include bob();
}
}
@import "effects/2d-transitions/hang";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-hang {
@include hang();
}
}
@import "effects/2d-transitions/skew";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-skew {
@include skew();
}
}
@import "effects/2d-transitions/skew-forward";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-skew-forward {
@include skew-forward();
}
}
@import "effects/2d-transitions/skew-backward";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-skew-backward {
@include skew-backward();
}
}
@import "effects/2d-transitions/wobble-vertical";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-wobble-vertical {
@include wobble-vertical();
}
}
@import "effects/2d-transitions/wobble-horizontal";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-wobble-horizontal {
@include wobble-horizontal();
}
}
@import "effects/2d-transitions/wobble-to-bottom-right";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-wobble-to-bottom-right {
@include wobble-to-bottom-right();
}
}
@import "effects/2d-transitions/wobble-to-top-right";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-wobble-to-top-right {
@include wobble-to-top-right();
}
}
@import "effects/2d-transitions/wobble-top";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-wobble-top {
@include wobble-top();
}
}
@import "effects/2d-transitions/wobble-bottom";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-wobble-bottom {
@include wobble-bottom();
}
}
@import "effects/2d-transitions/wobble-skew";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-wobble-skew {
@include wobble-skew();
}
}
@import "effects/2d-transitions/buzz";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-buzz {
@include buzz();
}
}
@import "effects/2d-transitions/buzz-out";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-buzz-out {
@include buzz-out();
}
@ -209,119 +208,119 @@
/* BACKGROUND TRANSITIONS */
@import "effects/background-transitions/fade";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-fade {
@include fade();
}
}
@import "effects/background-transitions/sweep-to-right";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-sweep-to-right {
@include sweep-to-right();
}
}
@import "effects/background-transitions/sweep-to-left";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-sweep-to-left {
@include sweep-to-left();
}
}
@import "effects/background-transitions/sweep-to-bottom";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-sweep-to-bottom {
@include sweep-to-bottom();
}
}
@import "effects/background-transitions/sweep-to-top";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-sweep-to-top {
@include sweep-to-top();
}
}
@import "effects/background-transitions/bounce-to-right";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-bounce-to-right {
@include bounce-to-right();
}
}
@import "effects/background-transitions/bounce-to-left";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-bounce-to-left {
@include bounce-to-left();
}
}
@import "effects/background-transitions/bounce-to-bottom";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-bounce-to-bottom {
@include bounce-to-bottom();
}
}
@import "effects/background-transitions/bounce-to-top";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-bounce-to-top {
@include bounce-to-top();
}
}
@import "effects/background-transitions/radial-out";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-radial-out {
@include radial-out();
}
}
@import "effects/background-transitions/radial-in";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-radial-in {
@include radial-in();
}
}
@import "effects/background-transitions/rectangle-in";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-rectangle-in {
@include rectangle-in();
}
}
@import "effects/background-transitions/rectangle-out";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-rectangle-out {
@include rectangle-out();
}
}
@import "effects/background-transitions/shutter-in-horizontal";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-shutter-in-horizontal {
@include shutter-in-horizontal();
}
}
@import "effects/background-transitions/shutter-out-horizontal";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-shutter-out-horizontal {
@include shutter-out-horizontal();
}
}
@import "effects/background-transitions/shutter-in-vertical";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-shutter-in-vertical {
@include shutter-in-vertical();
}
}
@import "effects/background-transitions/shutter-out-vertical";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-shutter-out-vertical {
@include shutter-out-vertical();
}
@ -330,119 +329,119 @@
/* BORDER TRANSITIONS */
@import "effects/border-transitions/border-fade";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-border-fade {
@include border-fade();
}
}
@import "effects/border-transitions/hollow";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-hollow {
@include hollow();
}
}
@import "effects/border-transitions/trim";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-trim {
@include trim();
}
}
@import "effects/border-transitions/ripple-out";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-ripple-out {
@include ripple-out();
}
}
@import "effects/border-transitions/ripple-in";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-ripple-in {
@include ripple-in();
}
}
@import "effects/border-transitions/outline-out";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-outline-out {
@include outline-out();
}
}
@import "effects/border-transitions/outline-in";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-outline-in {
@include outline-in();
}
}
@import "effects/border-transitions/round-corners";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-round-corners {
@include round-corners();
}
}
@import "effects/border-transitions/underline-from-left";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-underline-from-left {
@include underline-from-left();
}
}
@import "effects/border-transitions/underline-from-center";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-underline-from-center {
@include underline-from-center();
}
}
@import "effects/border-transitions/underline-from-right";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-underline-from-right {
@include underline-from-right();
}
}
@import "effects/border-transitions/overline-from-left";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-overline-from-left {
@include overline-from-left();
}
}
@import "effects/border-transitions/overline-from-center";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-overline-from-center {
@include overline-from-center();
}
}
@import "effects/border-transitions/overline-from-right";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-overline-from-right {
@include overline-from-right();
}
}
@import "effects/border-transitions/reveal";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-reveal {
@include reveal();
}
}
@import "effects/border-transitions/underline-reveal";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-underline-reveal {
@include underline-reveal();
}
}
@import "effects/border-transitions/overline-reveal";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-overline-reveal {
@include overline-reveal();
}
@ -451,49 +450,49 @@
/* SHADOW/GLOW TRANSITIONS */
@import "effects/shadow-and-glow-transitions/glow";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-glow {
@include glow();
}
}
@import "effects/shadow-and-glow-transitions/shadow";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-shadow {
@include shadow();
}
}
@import "effects/shadow-and-glow-transitions/grow-shadow";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-grow-shadow {
@include grow-shadow();
}
}
@import "effects/shadow-and-glow-transitions/box-shadow-outset";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-box-shadow-outset {
@include box-shadow-outset();
}
}
@import "effects/shadow-and-glow-transitions/box-shadow-inset";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-box-shadow-inset {
@include box-shadow-inset();
}
}
@import "effects/shadow-and-glow-transitions/float-shadow";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-float-shadow {
@include float-shadow();
}
}
@import "effects/shadow-and-glow-transitions/shadow-radial";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-shadow-radial {
@include shadow-radial();
}
@ -501,56 +500,56 @@
/* SPEECH BUBBLES */
@import "effects/speech-bubbles/bubble-top";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-bubble-top {
@include bubble-top();
}
}
@import "effects/speech-bubbles/bubble-right";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-bubble-right {
@include bubble-right();
}
}
@import "effects/speech-bubbles/bubble-bottom";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-bubble-bottom {
@include bubble-bottom();
}
}
@import "effects/speech-bubbles/bubble-left";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-bubble-left {
@include bubble-left();
}
}
@import "effects/speech-bubbles/bubble-float-top";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-bubble-float-top {
@include bubble-float-top();
}
}
@import "effects/speech-bubbles/bubble-float-right";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-bubble-float-right {
@include bubble-float-right();
}
}
@import "effects/speech-bubbles/bubble-float-bottom";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-bubble-float-bottom {
@include bubble-float-bottom();
}
}
@import "effects/speech-bubbles/bubble-float-left";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-bubble-float-left {
@include bubble-float-left();
}
@ -558,189 +557,189 @@
/* ICONS */
@import "effects/icons/icon-back";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-icon-back {
@include icon-back();
}
}
@import "effects/icons/icon-forward";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-icon-forward {
@include icon-forward();
}
}
@import "effects/icons/icon-down";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-icon-down {
@include icon-down();
}
}
@import "effects/icons/icon-up";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-icon-up {
@include icon-up();
}
}
@import "effects/icons/icon-spin";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-icon-spin {
@include icon-spin();
}
}
@import "effects/icons/icon-drop";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-icon-drop {
@include icon-drop();
}
}
@import "effects/icons/icon-fade";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-icon-fade {
@include icon-fade();
}
}
@import "effects/icons/icon-float-away";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-icon-float-away {
@include icon-float-away();
}
}
@import "effects/icons/icon-sink-away";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-icon-sink-away {
@include icon-sink-away();
}
}
@import "effects/icons/icon-grow";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-icon-grow {
@include icon-grow();
}
}
@import "effects/icons/icon-shrink";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-icon-shrink {
@include icon-shrink();
}
}
@import "effects/icons/icon-pulse";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-icon-pulse {
@include icon-pulse();
}
}
@import "effects/icons/icon-pulse-grow";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-icon-pulse-grow {
@include icon-pulse-grow();
}
}
@import "effects/icons/icon-pulse-shrink";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-icon-pulse-shrink {
@include icon-pulse-shrink();
}
}
@import "effects/icons/icon-push";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-icon-push {
@include icon-push();
}
}
@import "effects/icons/icon-pop";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-icon-pop {
@include icon-pop();
}
}
@import "effects/icons/icon-bounce";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-icon-bounce {
@include icon-bounce();
}
}
@import "effects/icons/icon-rotate";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-icon-rotate {
@include icon-rotate();
}
}
@import "effects/icons/icon-grow-rotate";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-icon-grow-rotate {
@include icon-grow-rotate();
}
}
@import "effects/icons/icon-float";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-icon-float {
@include icon-float();
}
}
@import "effects/icons/icon-sink";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-icon-sink {
@include icon-sink();
}
}
@import "effects/icons/icon-bob";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-icon-bob {
@include icon-bob();
}
}
@import "effects/icons/icon-hang";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-icon-hang {
@include icon-hang();
}
}
@import "effects/icons/icon-wobble-horizontal";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-icon-wobble-horizontal {
@include icon-wobble-horizontal();
}
}
@import "effects/icons/icon-wobble-vertical";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-icon-wobble-vertical {
@include icon-wobble-vertical();
}
}
@import "effects/icons/icon-buzz";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-icon-buzz {
@include icon-buzz();
}
}
@import "effects/icons/icon-buzz-out";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-icon-buzz-out {
@include icon-buzz-out();
}
@ -748,28 +747,28 @@
/* CURLS */
@import "effects/curls/curl-top-left";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-curl-top-left {
@include curl-top-left();
}
}
@import "effects/curls/curl-top-right";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-curl-top-right {
@include curl-top-right();
}
}
@import "effects/curls/curl-bottom-right";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-curl-bottom-right {
@include curl-bottom-right();
}
}
@import "effects/curls/curl-bottom-left";
@if $include-classes {
@if $includeClasses {
.#{$nameSpace}-curl-bottom-left {
@include curl-bottom-left();
}