yayMark

/* Remove inner shadow from inputs on mobile iOS */
textarea,
input[type="text"] {
  -webkit-appearance: none;
}

yayMark

#!/bin/bash
# params
# 1 project folder
# 2 github user
# 3 github repo
cd ~/projects
mkdir $1
cd $1/
wp core download
cd wp-content/themes

yayMark

Put this in functions.php:
wp_enqueue_style( 'dashicons-style', get_stylesheet_uri(), array('dashicons'), '1.0' );

Find what you want to use at https://developer.wordpress.org/resource/dashicons/

yayMark

//detect click outside http://bassta.bg/2013/08/detect-click-event-outside-element/
var everything = jQuery(window);
var menuBody = jQuery(".menu-body");
var menu = jQuery(".menu");
var menuButtonClass = 'mobile-menu-button-img';

everything.on("click.yayMark", function (event) {
    var menuButtonClicked = event.target.className == menuButtonClass;
    if (menuBody.has(event.target).length == 0
        && !menuBody.is(event.target)

yayMark

find . -name .DS_Store

# find . -name .DS_Store -delete

yayMark

If your SCSS rule isn't being applied, it's likely to be a mistake in the nesting of the rule.

1. Check the CSS file for how the rule has been generated, e.g. .locations-listing .listings > ARTICLE .m-chapels .location-details
2. Go to the HTML and copy the selector for where you're expecting it to be applied. This will be slightly different to how you've written. e.g. #main > section.locations-listing > div.wrapper.listings > article:nth-child(12) > div.location-details
3. Comparing the examples, I see that .m-chapels is applied to the article element. It is not a descendent.
4. Fix the rule in your SCSS, e.g. &.m-chapels .location-details instead of .m-chapels .location-details
5. Profit!

yayMark

@mixin chevron-rules($chevron-size, $chevron-width) {
    width: $chevron-size;
    height: $chevron-size;
    border-top-width: $chevron-width;
    border-right-width: $chevron-width;
}

@mixin chevron-variant($chevron-size, $chevron-width, $variant:false) {
    @if $variant {
        &.#{$variant} {

yayMark

export PS1="\W 🦆 "

yayMark

<?php
function spew($var) {
    echo '<pre>';
    echo json_encode($var, JSON_PRETTY_PRINT);
    echo '</pre>';
}

yayMark

[class*="layout-area-"] {
  background-color: hotpink;
}

is the same as

.layout-area-1,
.layout-area-2,
.layout-area-3,
.layout-area-4,