Skip to content

Instantly share code, notes, and snippets.

View smithki's full-sized avatar

Ian K Smith smithki

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. #
# #
const smallMargin = anthology.extract('marginRight', 'small', {
breakpoint: ...,
theme: ...,
pseudo: ...,
});
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');
.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",
));
}
$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
<span class="display-block"></span>
<div class="display-inline"></div>

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: