chriscoyier

const App = () => {
  useCodePenEmbed();
  return (
    <PrefillEmbed
      className="codepen"
      penTitle="My sweet demo"
      embedHeight="400"
      themeId="31205"
      editable
      description="Renders a barebones React component"

chriscoyier

<?php

class CTF_Register_Taxonomies {

    /**
     * Initialize the class
     */
    public function __construct() {
        add_action('init', array( $this, 'tags_support_all') );
        add_action('pre_get_posts', array( $this, 'tags_support_query') );

chriscoyier

Keybase proof

I hereby claim:

• I am chriscoyier on github.
• I am chriscoyier (https://keybase.io/chriscoyier) on keybase.
• I have a public key ASAOqGFRMkYF7J1yITeO3M2VMTRRoozedjmZoEz-UBGVTwo

To claim this, I am signing this object:

chriscoyier

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: #777;
}

.token.punctuation,
.token.tag,
.token.attr-name {

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

chriscoyier

.asdf,
.asdf2 {
  opacity: 1;
  animation: pi-fadein 0.5s ease 3s forwards; }

.my-module {
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity:   opacity: 1; }

chriscoyier

dWBaoW

A Pen by Chris Coyier on CodePen.

License.

chriscoyier

{
    "remove-empty-rulesets": true,
    "always-semicolon": true,
    "color-case": "lower",
    "block-indent": "  ",
    "color-shorthand": true,
    "element-case": "lower",
    "eof-newline": true,
    "leading-zero": true,
    "quotes": "double",

chriscoyier

  // Fires when __CodePenIFrameAddedToPage() fires.
  makeCodePenEmbedsResizeable: function() {
    if (window.innerWidth > 625) {

      var maxWidth = 1000; // calculated below
      var minWidth = 320;
      var minHeight = 150;

      $(".cp_embed_wrapper").each(function() {
        var $wrapper = $(this);

chriscoyier

  // Custom Comments
  function csstricks_comment($comment, $args, $depth) {

    $GLOBALS['comment'] = $comment; ?>

    <li <?php comment_class(); ?> id="li-comment-<?php comment_ID(); ?>">

      <div class="grid group comment-wrap" id="comment-<?php comment_ID(); ?>">

        <div class="comment-avatar grid-1-5">