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:
# ---------------------------------------------------------------------------- # | |
# 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` # | |
# # | |
# # |
# ---------------------------------------------------------------------------- # | |
# 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> |
I hereby claim:
To claim this, I am signing this object: