gangsthub

⚠ Warning

The gist version has been deprecated. Moved to https://github.com/graficos-net/html-cleanser and fixed some security issues! Please see instalation section for updates!

gangsthub

/// <reference types="jest" />

import { mount } from '@vue/test-utils'
import IntersectionComponent from './IntersectionComponent.vue'

const mountComponent = props =>
    mount(IntersectionComponent, {
        propsData: {
            callback: jest.fn().mockImplementation(isVisible => isVisible),
            ...props

gangsthub

// `.truncate-1-line` and `truncate-2-lines`
@each $lines in (1, 2) {
  :root .truncate-#{$lines}-line#{if($lines > 1, 's', '')} {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: $lines;
    -webkit-box-orient: vertical;
  }
}

gangsthub

/*
 This needs to be in the store/index.js
*/

const mutationTypes = {
  SET_MOBILE: 'SET_MOBILE',
}

const checkIfMobileOnServerSide = ({ req, isServer }) => {
  if (isServer) return false

gangsthub

// See https://github.com/nuxt-community/device-module

const mutationTypes = {
  CHANGE_MOBILE: 'CHANGE_MOBILE',
}

const checkIfMobileOnServerSide = ({ req, isServer }) => {
  if (isServer) return false
  const userAgent = req && req.headers['user-agent']
  const isMobile = /mobile/i.test(('' + userAgent).toLowerCase())

gangsthub

// ⚡️
funFunction.bind(this).call()
// is the same as
funFunction.call(this)

gangsthub

# now run in your console: (I'm actually using powershell)
pm2 start .\ecosystem.config.js

gangsthub

/*
 * Easing Functions - inspired from http://gizma.com/easing/
 * only considering the t value for the range [0, 1] => [0, 1]
 */
EasingFunctions = {
  // no easing, no acceleration
  linear: function (t) { return t },
  // accelerating from zero velocity
  easeInQuad: function (t) { return t*t },
  // decelerating to zero velocity

gangsthub

<div id="simplest-example">
  <h1>{{ text }}</h1>
</div>

gangsthub

// collections

$CONTAINER-WIDTHS: (
    5,
    10,
    20,
    30,
    40,
    50,
    60,