René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"API: Compiled CSS animation classes require \"animated\" class","articleBody":"All pre-baked animation classes now require the `animated` class to be assigned before they take effect. This new rule minimizes conflicts with other CSS definitions (i.e., from other projects) while also providing a way to activate or deactivate an animation in action.\r\n\r\n## UPDATED DEFINITION\r\n```less\r\n.animated when (@o_animateless_classless = false) {\r\n    #a.animated();\r\n\r\n    \u0026.infinite           { #a.iterate(infinite);    }\r\n    \u0026.bounce             { #a.bounce();             }\r\n    \u0026.bounceIn           { #a.bounceIn();           }\r\n    \u0026.bounceInDown       { #a.bounceInDown();       }\r\n    \u0026.bounceInLeft       { #a.bounceInLeft();       }\r\n    \u0026.bounceInRight      { #a.bounceInRight();      }\r\n    \u0026.bounceInUp         { #a.bounceInUp();         }\r\n    \u0026.bounceOut          { #a.bounceOut();          }\r\n    \u0026.bounceOutDown      { #a.bounceOutDown();      }\r\n    \u0026.bounceOutLeft      { #a.bounceOutLeft();      }\r\n    \u0026.bounceOutRight     { #a.bounceOutRight();     }\r\n    \u0026.bounceOutUp        { #a.bounceOutUp();        }\r\n    \u0026.fadeIn             { #a.fadeIn();             }\r\n    \u0026.fadeInDown         { #a.fadeInDown();         }\r\n    \u0026.fadeInDownBig      { #a.fadeInDownBig();      }\r\n    \u0026.fadeInLeft         { #a.fadeInLeft();         }\r\n    \u0026.fadeInLeftBig      { #a.fadeInLeftBig();      }\r\n    \u0026.fadeInRight        { #a.fadeInRight();        }\r\n    \u0026.fadeInRightBig     { #a.fadeInRightBig();     }\r\n    \u0026.fadeInUp           { #a.fadeInUp();           }\r\n    \u0026.fadeInUpBig        { #a.fadeInUpBig();        }\r\n    \u0026.fadeOut            { #a.fadeOut();            }\r\n    \u0026.fadeOutDown        { #a.fadeOutDown();        }\r\n    \u0026.fadeOutDownBig     { #a.fadeOutDownBig();     }\r\n    \u0026.fadeOutLeft        { #a.fadeOutLeft();        }\r\n    \u0026.fadeOutLeftBig     { #a.fadeOutLeftBig();     }\r\n    \u0026.fadeOutRight       { #a.fadeOutRight();       }\r\n    \u0026.fadeOutRightBig    { #a.fadeOutRightBig();    }\r\n    \u0026.fadeOutUp          { #a.fadeOutUp();          }\r\n    \u0026.fadeOutUpBig       { #a.fadeOutUpBig();       }\r\n    \u0026.flash              { #a.flash();              }\r\n    \u0026.flashmin           { #a.flashmin();           }\r\n    \u0026.flip               { #a.flip();               }\r\n    \u0026.flipInX            { #a.flipInX();            }\r\n    \u0026.flipInY            { #a.flipInY();            }\r\n    \u0026.flipOutX           { #a.flipOutX();           }\r\n    \u0026.flipOutY           { #a.flipOutY();           }\r\n    \u0026.headShake          { #a.headShake();          }\r\n    \u0026.hinge              { #a.hinge();              }\r\n    \u0026.jackInTheBox       { #a.jackInTheBox();       }\r\n    \u0026.jello              { #a.jello();              }\r\n    \u0026.lightSpeedIn       { #a.lightSpeedIn();       }\r\n    \u0026.lightSpeedOut      { #a.lightSpeedOut();      }\r\n    \u0026.pulse              { #a.pulse();              }\r\n    \u0026.rollIn             { #a.rollIn();             }\r\n    \u0026.rollOut            { #a.rollOut();            }\r\n    \u0026.rotate             { #a.rotate();             }\r\n    \u0026.rotateCC           { #a.rotateCC();           }\r\n    \u0026.rotateIn           { #a.rotateIn();           }\r\n    \u0026.rotateInDownLeft   { #a.rotateInDownLeft();   }\r\n    \u0026.rotateInDownRight  { #a.rotateInDownRight();  }\r\n    \u0026.rotateInUpLeft     { #a.rotateInUpLeft();     }\r\n    \u0026.rotateInUpRight    { #a.rotateInUpRight();    }\r\n    \u0026.rotateOut          { #a.rotateOut();          }\r\n    \u0026.rotateOutDownLeft  { #a.rotateOutDownLeft();  }\r\n    \u0026.rotateOutDownRight { #a.rotateOutDownRight(); }\r\n    \u0026.rotateOutUpLeft    { #a.rotateOutUpLeft();    }\r\n    \u0026.rotateOutUpRight   { #a.rotateOutUpRight();   }\r\n    \u0026.rotateZoomIn       { #a.rotateZoomIn();       }\r\n    \u0026.rotateZoomInCC     { #a.rotateZoomInCC();     }\r\n    \u0026.rotateZoomOut      { #a.rotateZoomOut();      }\r\n    \u0026.rotateZoomOutCC    { #a.rotateZoomOutCC();    }\r\n    \u0026.rubberBand         { #a.rubberBand();         }\r\n    \u0026.shake              { #a.shake();              }\r\n    \u0026.slideInDown        { #a.slideInDown();        }\r\n    \u0026.slideInLeft        { #a.slideInLeft();        }\r\n    \u0026.slideInRight       { #a.slideInRight();       }\r\n    \u0026.slideInUp          { #a.slideInUp();          }\r\n    \u0026.slideOutDown       { #a.slideOutDown();       }\r\n    \u0026.slideOutLeft       { #a.slideOutLeft();       }\r\n    \u0026.slideOutRight      { #a.slideOutRight();      }\r\n    \u0026.slideOutUp         { #a.slideOutUp();         }\r\n    \u0026.swing              { #a.swing();              }\r\n    \u0026.tada               { #a.tada();               }\r\n    \u0026.wobble             { #a.wobble();             }\r\n    \u0026.zoomIn             { #a.zoomIn();             }\r\n    \u0026.zoomInDown         { #a.zoomInDown();         }\r\n    \u0026.zoomInLeft         { #a.zoomInLeft();         }\r\n    \u0026.zoomInRight        { #a.zoomInRight();        }\r\n    \u0026.zoomInUp           { #a.zoomInUp();           }\r\n    \u0026.zoomOut            { #a.zoomOut();            }\r\n    \u0026.zoomOutDown        { #a.zoomOutDown();        }\r\n    \u0026.zoomOutLeft        { #a.zoomOutLeft();        }\r\n    \u0026.zoomOutRight       { #a.zoomOutRight();       }\r\n    \u0026.zoomOutUp          { #a.zoomOutUp();          }\r\n    }\r\n```","author":{"url":"https://github.com/codeworksdev","@type":"Person","name":"codeworksdev"},"datePublished":"2018-05-08T21:04:48.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":0},"url":"https://github.com/18/animate.less/issues/18"}