A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.
One-line version to paste in your DevTools
Use $$ if your browser aliases it:
~ 108 byte version
| <?php | |
| use PhpCsFixer\Config; | |
| use PhpCsFixer\Finder; | |
| $rules = [ | |
| 'array_indentation' => true, | |
| 'array_syntax' => ['syntax' => 'short'], | |
| 'binary_operator_spaces' => [ | |
| 'default' => 'single_space', |
| let cssImport = require('postcss-import') | |
| let cssNext = require('postcss-cssnext') | |
| let glob = require('glob-all') | |
| let mix = require('laravel-mix') | |
| let purgeCss = require('purgecss-webpack-plugin') | |
| let tailwind = require('tailwindcss') | |
| mix.js('resources/assets/js/app.js', 'public/js') | |
| .postCss('resources/assets/css/app.css', 'public/css/app.css', [ | |
| cssImport(), |
| <?php | |
| namespace App\Abilities; | |
| use Illuminate\Support\Str; | |
| use ReflectionClass; | |
| /** | |
| * Note: This is a preview of an upcoming package from Tighten. | |
| **/ |
| :root { | |
| --ease-in-quad: cubic-bezier(.55, .085, .68, .53); | |
| --ease-in-cubic: cubic-bezier(.550, .055, .675, .19); | |
| --ease-in-quart: cubic-bezier(.895, .03, .685, .22); | |
| --ease-in-quint: cubic-bezier(.755, .05, .855, .06); | |
| --ease-in-expo: cubic-bezier(.95, .05, .795, .035); | |
| --ease-in-circ: cubic-bezier(.6, .04, .98, .335); | |
| --ease-out-quad: cubic-bezier(.25, .46, .45, .94); | |
| --ease-out-cubic: cubic-bezier(.215, .61, .355, 1); |
| <snippet> | |
| <content><![CDATA[ | |
| public function ${1:relationship}() | |
| { | |
| return \$this->belongsToMany(${1/^(.+)$/(?1\u$1:)/g}::class, {$2:table}); | |
| } | |
| ]]></content> | |
| <!-- Optional: Set a tabTrigger to define how to trigger the snippet --> | |
| <tabTrigger>belt</tabTrigger> | |
| <!-- Optional: Set a scope to limit where the snippet will trigger --> |
| <?php | |
| namespace App\Http\Middleware; | |
| use Closure; | |
| use Illuminate\Auth\Access\AuthorizationException; | |
| class VerifyTenants | |
| { | |
| /** |
| * { | |
| font-size: 12pt; | |
| font-family: monospace; | |
| font-weight: normal; | |
| font-style: normal; | |
| text-decoration: none; | |
| color: black; | |
| cursor: default; | |
| } |
| #!/bin/sh | |
| help=0 | |
| latest=0 | |
| verbose=0 | |
| status=0 | |
| usage() { | |
| cat <<-EOF | |
| ${0##*/} [options] |
| { | |
| "repositories": [ | |
| { | |
| "type": "composer", | |
| "url": "https://wp-languages.github.io" | |
| }, | |
| { | |
| "type": "composer", | |
| "url": "https://wpackagist.org" | |
| } |