JLarky

import { theme } from './tailwind.static';

console.log(theme.extend.colors.gray[500]);

hihayk

:root {
  --lineHeightFixedAmount: 0.25rem;
  --lineHeightRelativeAmount: 1em;
  --sizesIncrement: 1.4;

  --fontSize-0: 1rem; 
  --fontSize-1: calc(var(--fontSize-0) * var(--sizesIncrement)); 
  --fontSize-2: calc(var(--fontSize-1) * var(--sizesIncrement));

  --globalLineHeight: calc(var(--lineHeightFixedAmount) + var(--lineHeightRelativeAmount));

gahabeen

import FormulateForm from './FormulateForm.vue'

export function plugin(instance) {
  instance.extend({
    components: {
      FormulateForm,
    },
  })
}

dcts

"workbench.colorCustomizations": {
    // Contrast Colors - The contrast colors are typically only set for high contrast themes. If set, they add an additional border around items across the UI to increase the contrast.
    "contrastActiveBorder": "",
    "contrastBorder": "",
    // Base Colors
    "focusBorder": "",
    "foreground": "",
    "widget.shadow": "",
    "selection.background": "",
    "descriptionForeground": "",

acidjazz

<template lang="pug">
button.py-2.px-3.rounded.tran-colors-p1.relative.overflow-hidden(
  @click="click",
  :class="[themes[theme], cursor]")
  .flex.items-center.tran-opacity-p5(:class="{'opacity-25': loading, 'opacity-0': success}")
    .mdi(v-if="icon",:class="[`mdi-${icon}`, label ? 'mr-2' : '']")
    img.w-4.h-4(v-if="image",:src="image",:class="label ? 'mr-2' : ''")
    div(v-if="label") {{ label }}
  .bg-white-o3.button-loadbar.ani-zi(v-if="loading")
  .absolute.inset-0.flex.items-center.justify-center(v-if="success")

jakedohm

const { setContext } = require('apollo-link-context');
const { HttpLink } = require('apollo-link-http');
const { introspectSchema, makeRemoteExecutableSchema } = require('graphql-tools');
const fetch = require('node-fetch');

module.exports = function(api) {
  api.createSchema(async function(graphql) {
    const http = new HttpLink({
      uri: 'http://example.com/api',
      fetch

toshotosho

function custom_theme_assets() {
	// bail if classic editor setting is set to block or no-replace
	$option = get_option( 'classic-editor-replace' );
	if ( $option === 'block' || $option === 'no-replace' ) {
		return;
	}

	// bail if classic editor plugin is not active. can't use is_plugin_active() here, unless you include wp-admin/includes/plugin.php
	if ( ! in_array( 'classic-editor/classic-editor.php', apply_filters( 'active_plugins', get_option( 'active_plugins' ) ) ) ) {
		return;

DavidKuennen

(function (context, trackingId, options) {
    const history = context.history;
    const doc = document;
    const nav = navigator || {};
    const storage = localStorage;
    const encode = encodeURIComponent;
    const pushState = history.pushState;
    const typeException = 'exception';
    const generateId = () => Math.random().toString(36);
    const getId = () => {

chriscoyier

// Should I be ES6+ing this file? Does it matter? Seems like it would feel nicer but running Babel over this file feels like ouroboros.

// I'm using Gulp 3.x. I couldn't for the life of me get Gulp 4.x going, I think because my Gulp CLI was at too high (??) of a version and no amount of uninstalling and reinstalling would bring it back down.
var gulp = require("gulp");

// I thought I needed this until I found out about gulp.series. Can I refactor anything here?
var runSequence = require("run-sequence");

// Would this be a speed boost for anything? As in, only looking at files that have changed instead of all files?
// https://github.com/sindresorhus/gulp-changed

tunguskha

Gradient shadow in pure CSS

HTML

<button>Let's Go !</button>