This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
behavior Modal | |
init | |
set my focusRing to (<a, button, input:not([type=hidden]), textarea, select, details/> in me) as Array | |
end | |
on open | |
remove .hide | |
add { overflow: 'hidden' } to the <body/> | |
transition <[data-backdrop], [data-content]/> in me opacity from 0 to 1 over 0.3s | |
focus() the first <input/> in me |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Automatically bind internal links to `up-follow` behaviour | |
// Unpoly will already catch and handle links with explicit `up-follow` etc, | |
// so we are safe to assume that if our handler below is triggered, the link | |
// doesn't already have an up- attribute. | |
// | |
// Scenarios to handle: | |
// Hat-tip to https://github.com/instantpage/instant.page/blob/master/instantpage.js | |
// ✅ cmd+click | |
// ✅ empty links | |
// ✅ links to another domain |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?php | |
namespace App\Http\Livewire\App\Organizers\Forms; | |
use App\Http\Livewire\Traits\Form; | |
use App\Models\Organizer; | |
use Livewire\Component; | |
class People extends Component | |
{ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@push('body-styles') | |
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/trix/1.2.0/trix.css"> | |
@endpush | |
<form x-data="form()"> | |
<input x-ref="description" id="description" name="description" value='{{ $description }}' type="hidden" /> | |
<div wire:ignore> | |
<trix-editor input="description"></trix-editor> | |
</div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// added check if script is loaded | |
// @link https://stackoverflow.com/a/49780469/814031 | |
// usage: | |
/* | |
let script = loadScript('https://cdn.jsdelivr.net/combine/npm/[email protected],npm/[email protected]/togpx.min.js'); | |
script.then( function (){ | |
L.map('map') | |
}); | |
*/ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?php | |
namespace Deployer; | |
require 'recipe/composer.php'; | |
// Project name | |
set('application', 'my-project'); | |
// Project repository | |
set('repository', '[email protected]:organization/repo.git'); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?php | |
namespace App\Providers; | |
use Illuminate\Http\Request; | |
use Illuminate\Routing\Route; | |
use Illuminate\Support\ServiceProvider; | |
use App\Http\Middleware\CaptureRequestExtension; | |
class AppServiceProvider extends ServiceProvider |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// https://davidpiesse.github.io/tailwind-md-colours/ | |
// | |
//Notes | |
// | |
//All colours are generated from Material Design Docs | |
//Colours have a base, a set of shades (50-900) accent colours | |
//In addition a companion set of contrast colours are included for colouring text / icons | |
// Example usage | |
// class="w-full bg-red-600 text-red-600-constrast" |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//Notes | |
// | |
//For mapping the 100-900 colors we have mapped as follows: | |
//darkest:900 | |
//darker:700 | |
//dark:600 | |
//base:500 | |
//light:400 | |
//lighter:300 | |
//lightest:100 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<snippet> | |
<content><![CDATA[ | |
<template> | |
${0} | |
</template> | |
<script> | |
export default { | |
props: [${1}], | |
data() { |
NewerOlder