From 5df767b4993e6736fb9b3a5b01736515f0513eaa Mon Sep 17 00:00:00 2001 From: IanLunn Date: Mon, 26 Jan 2015 19:00:30 +0000 Subject: [PATCH] Changed include-classes to camelcase and updated readme --- README.md | 2 + bower.json | 2 +- css/hover-min.css | 2 +- css/hover.css | 2 +- less/_options.less | 2 +- less/hover.less | 216 ++++++++++++++++++++++---------------------- package.json | 2 +- scss/_options.scss | 2 +- scss/hover.scss | 217 ++++++++++++++++++++++----------------------- 9 files changed, 224 insertions(+), 223 deletions(-) diff --git a/README.md b/README.md index c8f8052..8ff1fa3 100644 --- a/README.md +++ b/README.md @@ -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). diff --git a/bower.json b/bower.json index 6aa79f3..2910f04 100644 --- a/bower.json +++ b/bower.json @@ -1,6 +1,6 @@ { "name": "Hover.css", - "version": "2.0.0", + "version": "2.0.1", "homepage": "http://ianlunn.github.io/Hover", "authors": [ "Ian Lunn " diff --git a/css/hover-min.css b/css/hover-min.css index c60c505..755b3ed 100644 --- a/css/hover-min.css +++ b/css/hover-min.css @@ -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 diff --git a/css/hover.css b/css/hover.css index b3d7c3d..502bce0 100644 --- a/css/hover.css +++ b/css/hover.css @@ -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 diff --git a/less/_options.less b/less/_options.less index 0982b8c..7af3490 100644 --- a/less/_options.less +++ b/less/_options.less @@ -40,4 +40,4 @@ @o: false; // Compile with or without classes -@include-classes: true; \ No newline at end of file +@includeClasses: true; diff --git a/less/hover.less b/less/hover.less index 6c11c5f..dbdaffd 100644 --- a/less/hover.less +++ b/less/hover.less @@ -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(); } diff --git a/package.json b/package.json index 42e666f..00d5719 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "hover.css", - "version": "2.0.0", + "version": "2.0.1", "author": "Ian Lunn", "repository": { "type": "git", diff --git a/scss/_options.scss b/scss/_options.scss index ccb31bf..b5a92f6 100644 --- a/scss/_options.scss +++ b/scss/_options.scss @@ -40,4 +40,4 @@ $ms: false !default; $o: false !default; // Compile with or without classes -$include-classes: true !default; +$includeClasses: true !default; diff --git a/scss/hover.scss b/scss/hover.scss index 99189fa..80857c1 100644 --- a/scss/hover.scss +++ b/scss/hover.scss @@ -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(); }