wiseoldman

$xSize: 40px;
$xColor: #000;

.x-btn {
  cursor: pointer;
  width: $xSize; 
  height: $xSize;
  position: relative;

  &:before, &:after {

wiseoldman

Element.prototype.on = function (eventName, selector, fn) {
  this.addEventListener(eventName, function (event) {
    const target = event.target.closest(selector)
    
    if (target && this.contains(target)) {
      return fn.call(target, event, target)
    }
  })
}

wiseoldman

@mixin letter-spacing($spacing) {
  letter-spacing: ($spacing / 1000) * 1em;
}

wiseoldman

function is_ie() {
  const UA = window.navigator.userAgent;
  const MS_IE = UA.indexOf("MSIE ");

  if (MS_IE > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./))  {
      return true;
  }

  return false;
}

wiseoldman

@mixin placeholderColor($color) {
    &:-moz-placeholder {
        color: $color;
    }

    &:-ms-input-placeholder {
        color: $color;
    }

    &::-moz-placeholder {

wiseoldman

class BlockInputKeys {
  constructor(INPUT_TYPE, BLOCKED_KEYS) {
    this.INPUT_TYPE = INPUT_TYPE;
    this.BLOCKED_KEYS = BLOCKED_KEYS;
    this.NUMBER_INPUTS = document.querySelectorAll(this.INPUT_TYPE);
    this.init();
  }

  init() {
    for (let i = 0; i < this.NUMBER_INPUTS.length; i++) {

wiseoldman

class FloatingLabel {
    constructor(WRAPPER_ELEMENT, INPUT_TYPE) {
        this.WRAPPER_ELEMENT = WRAPPER_ELEMENT;
        this.INPUT_TYPE = INPUT_TYPE;
        this.INPUT_SELECTOR = '.' + this.WRAPPER_ELEMENT.split(' ').join('.');
        this.INPUT_WRAPPERS = document.querySelectorAll(this.INPUT_SELECTOR);
        this.init();
    }

    init() {

wiseoldman

class PrintButton {
  constructor(PRINT_CLASS = '.print') {
    this.PRINT_CLASS = PRINT_CLASS;
    this.PRINT_TARGETS = document.querySelectorAll(this.PRINT_CLASS);

    if (this.PRINT_TARGETS.length) {
      this.addPrintListener();
    }
  }

wiseoldman

function debounce (func, wait, immediate) {
  let timeout;

  return () => {
      const context = this;
      const args = arguments;

      let later = () => {
          timeout = null;
          if (!immediate) func.apply(context, args);

wiseoldman

$icon_color: $c_prim;
$icon_easing: ease-in-out;
$icon_easing_duration: 200ms;

#navigation-toggle {
    height: 30px;
    padding: 5px 0 !important;
	cursor: pointer;

	div,