michaelpumo

module.exports = {
  theme: {
    extend: {
      transitionTimingFunction: {
        'in-cubic': 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',
        'out-cubic': 'cubic-bezier(0.215, 0.61, 0.355, 1)',
        'in-out-cubic': 'cubic-bezier(0.645, 0.045, 0.355, 1)',
        'in-circ': 'cubic-bezier(0.6, 0.04, 0.98, 0.335)',
        'out-circ': 'cubic-bezier(0.075, 0.82, 0.165, 1)',
        'in-out-circ': 'cubic-bezier(0.785, 0.135, 0.15, 0.86)',

michaelpumo

// ----
// Sass (v3.4.25)
// Compass (v1.0.3)
// ----

$colours: (
  'green': #00da80,
  'pink': #fad1e3,
  'yellow': #fbee46,
  'red': #ed1c24,

michaelpumo

$easeInCubic: cubic-bezier(.55,.055,.675,.19);
$easeOutCubic: cubic-bezier(.215,.61,.355,1);
$easeInOutCubic: cubic-bezier(.645,.045,.355,1);
$easeInCirc: cubic-bezier(.6,.04,.98,.335);
$easeOutCirc: cubic-bezier(.075,.82,.165,1);
$easeInOutCirc: cubic-bezier(.785,.135,.15,.86);
$easeInExpo: cubic-bezier(.95,.05,.795,.035);
$easeOutExpo: cubic-bezier(.19,1,.22,1);
$easeInOutExpo: cubic-bezier(1,0,0,1);
$easeInQuad: cubic-bezier(.55,.085,.68,.53);

michaelpumo

function slugify (text) {
  const special = 'ÁÄÂÀÃÅČÇĆĎÉĚËÈÊẼĔȆÍÌÎÏŇÑÓÖÒÔÕØŘŔŠŤÚŮÜÙÛÝŸŽáäâàãåčçćďéěëèêẽĕȇíìîïňñóöòôõøðřŕšťúůüùûýÿžþÞĐđßÆa·/_,:;'
  const ordinary = 'AAAAAACCCDEEEEEEEEIIIINNOOOOOORRSTUUUUUYYZaaaaaacccdeeeeeeeeiiiinnooooooorrstuuuuuyyzbBDdBAa------'
  const p = new RegExp(special.split('').join('|'), 'g')

  return text.toString().toLowerCase()
    .replace(/\s+/g, '-')
    .replace(p, c => ordinary.charAt(special.indexOf(c)))
    .replace(/&/g, '-and-')
    .replace(/[^\w-]+/g, '')

michaelpumo

RedirectMatch 301 ^/wp-content/uploads/(.*)$ http://example.com/wp-content/uploads/$1

michaelpumo

$brand: (
  'turquoise': #5C9AB1,
  'red': #FF495C,
  'green': #6ECB98,
  'yellow': #FFC700,
  'orange': #FF6B00,
  'blue': #009BDE,
  'purple': #A35EB5
);

michaelpumo

@function em($pixels, $context: 16) {
  @return #{$pixels/$context}em;
}

@mixin underline($color: black, $hover: black, $background: white, $position: 16.5, $thickness: 0.08em) {

  $underline-position: em($position);
  $underline-color: $color;
  $underline-color-hover: $hover;
  $underline-color-shadow: $background;