Skip to content

Instantly share code, notes, and snippets.

View smithki's full-sized avatar

Ian K Smith smithki

39 followers · 34 following
View GitHub Profile
@smithki
smithki / circleci_lerna+yarn_starter
Last active July 12, 2024 04:22
An opinionated CircleCI configuration for Lerna + Yarn-powered NPM modules.
# ---------------------------------------------------------------------------- #
# CI INSTRUCTIONS #
# ~~~~~~~~~~~~~~~ #
# This configuration is optimized for continuous delivery of NPM packages #
# using Lerna (fixed version) + Yarn. #
# ---------------------------------------------------------------------------- #
# #
# 1) Install & initialize Lerna: `yarn add -D lerna && lerna init` #
# #
# #
@smithki
smithki / circleci_yarn_starter.yml
Last active November 17, 2019 20:25
An opinionated CircleCI configuration for Yarn-powered NPM modules.
# ---------------------------------------------------------------------------- #
# CI INSTRUCTIONS #
# ~~~~~~~~~~~~~~~ #
# This configuration is optimized for continuous delivery of NPM packages #
# using Yarn and Coveralls. #
# ---------------------------------------------------------------------------- #
# #
# 1) Publish the initial version of your NPM package manually, ensuring the #
# correct org scope and settings. #
# #
@smithki
smithki / anthology-post-figure-5.ts
Created March 28, 2019 22:26
const smallMargin = anthology.extract('marginRight', 'small', {
breakpoint: ...,
theme: ...,
pseudo: ...,
});
@smithki
smithki / anthology-post-figure-4.ts
Created March 28, 2019 22:26
import { AnthologyClient } from 'anthology.scss';
// You can pass a StyleSheet to the constructor or let it try to
// find your Anthology style sheet automatically.
const anthology = new AnthologyClient();
const smallMargin = anthology.extract('marginRight', 'small');
@smithki
smithki / anthology-post-figure-3.scss
Created March 28, 2019 22:25
.my-button {
@include A(extend, "marginRight", "small");
// Imagining we have the breakpoint "desktop" configured,
// we can apply responsiveness to the value.
@include A(extend, "marginRight", "medium", (
breakpoint: "desktop",
));
}
@smithki
smithki / anthology-post-figure-2.scss
Created March 28, 2019 22:25
$margin-right-adjectives: (
"small": 1rem,
"medium": 1.5rem,
"large": 2rem,
);
// A(define, ...) is a mixin provided by Anthology
@include A(define,
"marginRight", // The namespace of our rule
@smithki
smithki / anthology-post-figure-1.html
Created March 28, 2019 22:24
<span class="display-block"></span>
<div class="display-inline"></div>
@smithki
smithki / keybase.md
Last active May 14, 2019 17:14

Keybase proof

I hereby claim:

  • I am smithki on github.
  • I am smithki (https://keybase.io/smithki) on keybase.
  • I have a public key whose fingerprint is 4366 5F15 13BF FCD2 8313 1600 BBD5 3A40 0697 1778

To claim this, I am signing this object: