Chris Coyier chriscoyier

## input.scss
body::before {
  content: "\f19c";
}

## dabblet.css
/* Shadow Triangle */

span {
  display: inline-block;
  transform: scaleX(2.5);
  color: #BADA55;
  text-shadow:
    0 2px 2px rgba(255,255,255,0.7),
    0 10px 4px rgba(0,0,0,0.5);
  font-size: 32px;

## svgasimg.js
/*!
{
  "name": "SVG as an <img> tag source",
  "property": "svgasimg",
  "caniuse" : "svg-img",
  "tags": ["svg"],
  "authors": ["Stu Cox"],
  "async" : true,
  "notes": [{
    "name": "HTML5 Spec",

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    .icon {
      width: 100px;
      height: 100px;
    }

## almanac.php
<?php
/*
Template Name: Alamanc Group
*/
?>

<?php get_header(); the_post(); ?>

<h1 class="almanac-title">Almanac</h1>

## style.css
body {
  font-family: "Trebuchet MS", sans-serif;
}

## gist:d4a51576babebb416ac5f3866ffca62f
body {
  font-family: "Trebuchet MS", sans-serif;
}

## social.php
<div class="social-menu">

  <h1>Social Media Button Hover Effect</h1>

  <ul>

    <?php if (get_field('twitter')): ?>
    <li>
      <a href="<?php the_field('twitter'); ?>">
        <span class="link-label">Twitter</span>

## brewlist
atk			git-credential-netlify	libksba			nspr			redis
autoconf		git-lfs			libpng			nss			ruby
automake		glib			libtiff			openssl			ruby-build
cairo			gobject-introspection	libtool			openssl@1.1		ruby@2.6
cmake			graphite2		libxml2			pango			sphinx-doc
dnsmasq			gtk+			libyaml			pcre			sqlite
fontconfig		harfbuzz		lzo			pixman			wget
freetype		icu4c			makedepend		pkg-config		xz
fribidi			jpeg			mkcert			python			yarn
gdbm			libffi			mysql@5.6		python@3.8

## index.pug
# Hello World!
	/* Shadow Triangle */

	span {
	display: inline-block;
	transform: scaleX(2.5);
	color: #BADA55;
	text-shadow:
	0 2px 2px rgba(255,255,255,0.7),
	0 10px 4px rgba(0,0,0,0.5);
	font-size: 32px;
	/*!
	{
	"name": "SVG as an <img> tag source",
	"property": "svgasimg",
	"caniuse" : "svg-img",
	"tags": ["svg"],
	"authors": ["Stu Cox"],
	"async" : true,
	"notes": [{
	"name": "HTML5 Spec",
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
	.icon {
	width: 100px;
	height: 100px;
	}
	<?php
	/*
	Template Name: Alamanc Group
	*/
	?>

	<?php get_header(); the_post(); ?>

	<h1 class="almanac-title">Almanac</h1>
	<div class="social-menu">

	<h1>Social Media Button Hover Effect</h1>

	<ul>

	<?php if (get_field('twitter')): ?>
	<li>
	<a href="<?php the_field('twitter'); ?>">
	<span class="link-label">Twitter</span>
	atk git-credential-netlify libksba nspr redis
	autoconf git-lfs libpng nss ruby
	automake glib libtiff openssl ruby-build
	cairo gobject-introspection libtool openssl@1.1 ruby@2.6
	cmake graphite2 libxml2 pango sphinx-doc
	dnsmasq gtk+ libyaml pcre sqlite
	fontconfig harfbuzz lzo pixman wget
	freetype icu4c makedepend pkg-config xz
	fribidi jpeg mkcert python yarn
	gdbm libffi mysql@5.6 python@3.8