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

/*
 * 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

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

ariona

#Dynamic Menubar Height with flexbox

ariona

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

ariona

Simple plugin for detecting click outside element

ariona

##Grouping wordpress search result by post types

ariona

var debug = process.env.NODE_ENV !== "production";
var webpack = require('webpack');

module.exports = {
  context: __dirname,
  devtool: debug ? "inline-sourcemap" : null,
  entry: "./js/scripts.js",
  output: {
    path: __dirname + "/js",
    filename: "scripts.min.js"

ariona

Hiding screen reader text

Read more at http://www.coolfields.co.uk/2016/05/text-for-screen-readers-only-updated/