ariona

// User HoverIntent
$(".dropdown-menu .menu-item-has-children").hoverIntent(
	function(){
		var isMega = $(this).hasClass("mega-menu");
		var sub    = $(this).find("> .sub-menu");

		if( isMega ){
			$(sub).css("display","table");
		} else {
			$(sub).show();

ariona

$browser-context: 16;

@function em($pixels, $context: $browser-context) {
	@if (unitless($pixels)) {
		$pixels: $pixels * 1px;
	}

	@if (unitless($context)) {
		$context: $context * 1px;
	}

ariona

var $el = $("#very-specific-design");
var elHeight = $el.outerHeight();
var elWidth = $el.outerWidth();

var $wrapper = $("#scaleable-wrapper");

$wrapper.resizable({
  resize: doResize
});

ariona

/*
 * If you want to style specific Input, prepend the input selector like:
 *
 * .control::-webkit-input-placeholder{ ... }
 *
 */
::-webkit-input-placeholder {
	color: red;
}

ariona

/*
 * This method can be applied to video tag and 
 * can be applied to iframe video like youtube, but with some issue to be considered
*/
video{
  /* Centering the video */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);

ariona

#Dynamic Menubar Height with flexbox

ariona

##Add Custom Options for WordPress Widgets This snippet will add some option to all registered widget in wordpress.

ariona

##Targetting IE10+ Using Media Query Reference: http://philipnewcomer.net/2014/04/target-internet-explorer-10-11-css/

ariona

WordPress Admin Ajax Request Handle Function

This gist show you how to create a function for handling ajax request.

ariona

Simple plugin for detecting click outside element