Skip to content

Instantly share code, notes, and snippets.

💭
Working on Bedrock2

Wolfr Wolfr

💭
Working on Bedrock2
Block or report user

Report or block Wolfr

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@Wolfr
Wolfr / svelte-resources.md
Last active Oct 17, 2019
Svelte resources list
View svelte-resources.md
View Button.svelte
<script>
import ButtonInnerLayout from './ButtonInnerLayout.svelte';
// type="button" or type="submit"
export let type = false;
export let classValue = null;
// if it contains a link
export let href = false;
@Wolfr
Wolfr / c-menu-revised.html
Created Aug 23, 2019
Menu with ARIA roles
View c-menu-revised.html
<ul class="c-menu" aria-role="listbox">
<li class="c-menu__item" role="option">
<span class="c-color__swatch"></span>
<span class="c-color__label">Color name</span>
</li>
<li class="c-menu__item" role="option">
<span class="c-color__swatch"></span>
<span class="c-color__label">Color name</span>
</li>
<li class="c-menu__item" role="option">
@Wolfr
Wolfr / c-menu.html
Last active Aug 23, 2019
Menu without ARIA roles
View c-menu.html
<ul class="c-menu">
<li>
<span class="c-color__swatch"></span>
<span class="c-color__label">Color name</span>
</li>
<li>
<span class="c-color__swatch"></span>
<span class="c-color__label">Color name</span>
</li>
<li>
View colors.js
'use strict';
let colors = [
{
"name": "Gray 1000",
"code": "000000",
"category": "Grays"
},
{
"name": "Gray 900",
View _alert.scss
// Variables
$alert-padding: 2rem;
$alert-padding-small: 1.5rem;
$alert-padding-large: 5rem 5.5rem;
// Alert
.vl-alert {
display: flex;
position: relative;
background-color: $alt-bg;
View gist:546e1c8cd10ab4301905bcfe2afe9911
// sass-lint:disable force-element-nesting placeholder-in-extend
.vl-typography ul,
.ul {
list-style-type: disc;
}
.vl-typography ol,
.ol {
list-style-type: decimal;
}
.vl-typography ol,
View airtable-data.json
{
"records": [
{
"id": "recqk05WCliPoNTw5",
"fields": {
"optimizedImage": [
{
"id": "attFyUkYRxrRX0lAc",
"url": "https://dl.airtable.com/seMnqW5nQa2Z5k2Jywto_blade-runner-2049.jpg",
"filename": "blade-runner-2049.jpg",
View film.js
export default {
title: "Film",
name: "film",
type: "document",
fields: [
{
title: "Name",
name: "name",
type: "string",
},
@Wolfr
Wolfr / save-batch.js
Created Oct 18, 2018
Convert SVG icons that are stroke-based to expanded shapes in Illustrator. Use the Scripts functionality to run this script.
View save-batch.js
// Change this to your AI files folder (Be sure to end with a /)
var location = "/Users/Downloads/my-file/";
function getFiles() {
var folder = new Folder(location);
if (folder.exists) {
return folder.getFiles("*.svg");
} else {
alert("Unable to find SVG Files Folder");
}
You can’t perform that action at this time.