Jose Salazar salazarr-js

Example

Name

Description

Sass Dark/Light Theme Mixin

This is a Sass mixin to handle a 3-way dark mode. It relies on a data-theme attribute on your <html> element with a value of light or dark. If data-theme is absent (i.e. it's neither light nor dark), the system's preferred mode is used.

body {
  // matches data-theme="light" or data-theme="auto" with system instructing light mode
  @include light {
    background: white;
 color: black;

This is a fork of original gist https://gist.github.com/nrollr/3f57fc15ded7dddddcc4e82fe137b58e, with slight changes on pointing to 5.7 version branch, instead of 8 (latest default of MySQL in Hombrew).

Install MySQL 5.7 on macOS

This procedure explains how to install MySQL using Homebrew on macOS (Sierra 10.12 and up)

Install Homebrew

Installing Homebrew is effortless, open Terminal and enter :
$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
Note: Homebrew will download and install Command Line Tools for Xcode 8.0 as part of the installation process.



	/**
	* Encryption class for encrypt/decrypt that works between programming languages.
	*
	* @author Vee Winch.
	* @link https://stackoverflow.com/questions/41222162/encrypt-in-php-openssl-and-decrypt-in-javascript-cryptojs Reference.
	* @link https://github.com/brix/crypto-js/releases crypto-js.js can be download from here.
	*/
	class Encryption {

	/* Breakpoints */
	/* ------------------------- Source: http://blog.scur.pl/2012/06/variable-media-queries-less-css/ */
	@highdensity: ~"only screen and (-webkit-min-device-pixel-ratio: 1.5)",
	~"only screen and (min--moz-device-pixel-ratio: 1.5)",
	~"only screen and (-o-min-device-pixel-ratio: 3/2)",
	~"only screen and (min-device-pixel-ratio: 1.5)";
	@mobile: ~"only screen and (max-width: 529px)";
	@tablet: ~"only screen and (min-width: 530px) and (max-width: 949px)";
	@desktop: ~"only screen and (min-width: 950px) and (max-width: 1128px)";
	@desktop-xl: ~"only screen and (min-width: 1129px)";

	tinymce.init({
	plugins: 'charactercount',
	elementpath: false
	});

	import {Directive, ElementRef, Input} from '@angular/core';

	@Directive({
	selector: '[background-image]'
	})
	export class BackgroundImage {
	private el: HTMLElement;

	constructor(el: ElementRef) {
	this.el = el.nativeElement;

	// ⚠ IMPORTANT: this is old and doesn't work for many different edge cases but I'll keep it as-is for any of you want it
	// ⚠ IMPORTANT: you can find more robust versions in the comments or use a library implementation such as lodash's `merge`

	// Merge a `source` object to a `target` recursively
	const merge = (target, source) => {
	// Iterate through `source` properties and if an `Object` set property to merge of `target` and `source` properties
	for (const key of Object.keys(source)) {
	if (source[key] instanceof Object) Object.assign(source[key], merge(target[key], source[key]))
	}

	/*
	Copyright (c) 2015-2025 Alessandro Diaferia

	Permission is hereby granted, free of charge, to any person obtaining a copy
	of this software and associated documentation files (the "Software"), to deal
	in the Software without restriction, including without limitation the rights
	to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
	copies of the Software, and to permit persons to whom the Software is
	furnished to do so, subject to the following conditions:

	// takes a {} object and returns a FormData object
	var objectToFormData = function(obj, form, namespace) {

	var fd = form \|\| new FormData();
	var formKey;

	for(var property in obj) {
	if(obj.hasOwnProperty(property)) {

	if(namespace) {