equinusocio

# Copy and paste it inside your terminal and press enter.
# You may need to run this twice.

defaults write com.apple.dock persistent-apps -array-add '{"tile-type"="spacer-tile";}'; killall Dock

equinusocio

body {
  margin: 0;
}

.FlexGrid {
  --gap: 12px;
  
  display: inline-flex;
  flex-wrap: wrap;
  margin: calc(-1 * var(--gap)) 0 0 calc(-1 * var(--gap));

equinusocio

/* trigger is the prop that accepts a ReactNode */

  const addAttr = useMemo(() => {
    const InputReactObject = Children.only(trigger);
    const clonedChild = cloneElement(inputReactObject, {
      className: 'input-element test',
      'data-attr': 'lorem' 
    });

    return <InputReactObject />;

equinusocio

git checkout --orphan new-framework
# completely rewrite your application in new framework
git merge --strategy=ours --allow-unrelated-histories master
git commit-tree -p HEAD^2 -p HEAD^1 -m "Merge branch 'new-framework'" "HEAD^{tree}"
git reset --hard $OUTPUT_FROM_PREVIOUS_COMMAND
git checkout master
git merge --ff-only new-framework

equinusocio

/* 
 * Make the element bleed on both side,
 * covering the whole viewport width.
 */

.FullBleed {
  margin-left: calc(50% - 50vw);
  width: 100vw;
}

equinusocio

<!--
  Put this file in ~/Library/LaunchAgents/com.example.KeyRemapping.plist to
  automatically remap your keys when macOS starts.
  See https://developer.apple.com/library/archive/technotes/tn2450/_index.html for
  the key "usage IDs". Take the usage ID and add 0x700000000 to it before putting it
  into a source or destination (HIDKeyboardModifierMappingSrc and
  HIDKeyboardModifierMappingDst respectively).
-->
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">

equinusocio

# place this at the end
# ••••••••••••••••••••••••••••••••••••••••

_enter_dir() {
    local git_root
    git_root=$(git rev-parse --show-toplevel 2>/dev/null)

    if [[ "$git_root" == "$PREV_PWD" ]]; then
        return
    elif [[ -n "$git_root" && -f "$git_root/.nvmrc" ]]; then

equinusocio

/**
 *
 * Conversion Table (base 16px)
 *  30em → 480px
 *  48em → 768px
 *  60em → 960px
 *  80em → 1280px
 * 100em → 1600px
 *
 */

equinusocio

How to use

Import the utility function:

import rovingTabindex from './rovingTabindex';

Init the function by bassing the required parameter:

equinusocio

$i: 5;
$halfstar-style: url(#half-star) currentColor;
$dimmed-star-opacity: 0.3;

.ReviewIndicator {
  display: inline-flex;

  /**
   * Set consecutive icons spacing
   */