nikola-wd

// Define the breakpoints
$breakpoint-small: 600px;
$breakpoint-med-small: 960px;
$breakpoint-med: 1175px;

@mixin screen($size, $type: max, $pixels: $breakpoint-small) {

  @if $size == 'small' {
    @media screen and ($type + -width: $breakpoint-small) {
        @content;

nikola-wd

// background: linear-gradient(
// hsl(359, 100%, 100%) 0%,
// hsla(359, 100%, 100%, 0.738) 19%,
// hsla(359, 100%, 100%, 0.541) 34%,
// hsla(359, 100%, 100%, 0.382) 47%,
// hsla(359, 100%, 100%, 0.278) 56.5%,
// hsla(359, 100%, 100%, 0.194) 65%,
// hsla(359, 100%, 100%, 0.126) 73%,
// hsla(359, 100%, 100%, 0.075) 80.2%,
// hsla(359, 100%, 100%, 0.042) 86.1%,

nikola-wd

const _headerFN = () => {
  const $header   = document.querySelector('.header');
  const scrollTop = window.scrollY,
        offsetTop = 60;
 
 
  if (scrollTop >= offsetTop && window.innerWidth > 767) {
    $header.classList.add('jsOnScroll');
    document.body.classList.add('jsOnScroll-header');
  } else {

nikola-wd

/// Select all children from the first to `$num`.
/// @group with-arguments
/// @content [Write the style you want to apply to the children, and it will be added within the @content directive]
/// @param {number} $num - id of the child
@mixin first($num) {
  @if $num == 1 {
    &:first-child {
      @content;
    }
  } @else {

nikola-wd

/// Forces browsers to use hardware acceleration for transforms
/// @access public
/// @example scss - Usage
///   .foo {
///     @include ha;
///   }
/// @example css - Result
///   .foo {
///     -webkit-transform: translate3d(0, 0, 0);
///     -moz-transform: translate3d(0, 0, 0);

nikola-wd

export function removeHTMLTags (str) {
    return str.replace(/<[^>]*>?/gm, '');
}

nikola-wd

// send req after a few seconds have passed since user last wrote in the editor
export default function debounce(a,b,c){
    let d,e;
    return function(){
        function h(){
            d=null;
            c||(e=a.apply(f,g));
        }
        let f=this,g=arguments;
        return (clearTimeout(d),d=setTimeout(h,b),c&&!d&&(e=a.apply(f,g)),e)

nikola-wd

Wordpress & PHP Resources

Background

I started this markdown file as a place to collect information about Wordpress and PHP when I started programming a Wordpress plugin for the first time. I decided to put out everything I could find in this gist. I will update it occassionally with code examples so I can track my progress in developing Wordpress plugins (or just the one I'm working on at work).

Wordpress 101

Wordpress Environment

• For OSX: MAMP

nikola-wd

const waitFor = ms => new Promise(r => setTimeout(r, ms));

    const asyncForEach = async (array, callback) => {
      for (let index = 0; index < array.length; index++) {
        await callback(array[index], index, array);
      }
    };

    (async function() {
      await asyncForEach([1, 2, 3], async num => {

nikola-wd

<?php
//* Do NOT include the opening php tag shown above. Copy the code shown below into functions.php

/**
 * Manage WooCommerce styles and scripts.
 */
function grd_woocommerce_script_cleaner() {
	
	// Remove the generator tag
	remove_action( 'wp_head', array( $GLOBALS['woocommerce'], 'generator' ) );