Simply add a surrounding element with a class name of "input-wrap" then add a class to your input, textarea etc... of "input-wrap__field" and you should see some sweet animation :)
Built using .Less and Javascript
A Pen by Matthew Neil on CodePen.
// noConflict mode | |
jQuery.noConflict(); | |
var app = app || {}; | |
app.myFunction = (function ($, undefined) { | |
// do all the things | |
var init = function(){ | |
if (!$('body').hasClass('page-editor')) { // custom class added to the body to check for page editor | |
console.log('Hi friends!'); |
/webApplication | |
/assets | |
/styles | |
/banner | |
/- _banner.less or _banner.scss | |
/- app.less or app.scss | |
/js | |
/banner | |
/- banner.js | |
/- app.js |
// Use Gists to store code you would like to remember later on | |
console.log(window); // log the "window" object to the console |
Simply add a surrounding element with a class name of "input-wrap" then add a class to your input, textarea etc... of "input-wrap__field" and you should see some sweet animation :)
Built using .Less and Javascript
A Pen by Matthew Neil on CodePen.