codedrops-io

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

codedrops-io

const copyTextToClipboard = (textString) => {
  const textarea = document.createElement('textarea')
  textarea.value = textString
  document.body.appendChild(textarea)
  textarea.select()
  document.execCommand('copy')
  document.body.removeChild(textarea)
}

codedrops-io

// Device sizes
$phone: 599px;
$tablet-portrait: 600px;
$tablet-landscape: 900px;
$desktop: 1200px;
$desktop-big: 1800px;

// Media queries
@mixin for-phone-only {
  @media (max-width: $phone) {

codedrops-io

button {
  overflow: visible;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  text-transform: none;
  -webkit-appearance: button;
}

codedrops-io

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

codedrops-io

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;

  * {
    box-sizing: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

codedrops-io

p {
  overflow: hidden;
  white-space: nowrap; 
  text-overflow: ellipsis;
}

codedrops-io

function shuffleArray (array) {
  let currentIndex = array.length
  let temporaryValue
  let randomIndex

  // While there remain elements to shuffle.
  while (currentIndex !== 0) {
    // Pick a remaining element
    randomIndex = Math.floor(Math.random() * currentIndex)
    currentIndex -= 1

codedrops-io

function debounce (func, wait = 100, immediate) {
  let timeout

  return function () {
    const context = this
    const args = arguments

    const later = function () {
      timeout = null
      if (!immediate) func.apply(context, args)

codedrops-io

setTimeout(() => {
  if (!HAS_LOADED_CONDITION) {
    // This should be sent to your error tracking system
    console.error('⚠️ Slow connection!')
  }
}, 10000)