Skip to content

Instantly share code, notes, and snippets.

@seven-phases-max
Last active January 18, 2018 17:45
Show Gist options
  • Save seven-phases-max/2b8e85bc5183cb0cf68821e8c6780bd5 to your computer and use it in GitHub Desktop.
Save seven-phases-max/2b8e85bc5183cb0cf68821e8c6780bd5 to your computer and use it in GitHub Desktop.
// Usage:
a {
.text-transform(upper);
}
b {
.text-transform(none);
}
c {
.text-transform(foobar);
}
// etc.
// Impl:
.text-transform(@type: none) {
.-(type);
.-(upper) {text-transform: uppercase}
.-(lower) {text-transform: lowercase}
.-(better) {text-transform: betterhat}
// etc.
.-(...) when (default()) {text-transform: @type}
}
// Usage:
a {
.text-transform(upper);
}
b {
.text-transform(none);
}
c {
.text-transform(foobar);
}
// etc.
// Impl:
.text-transform(@type: none) {
.-(type);
.-(...) {@t: @type}
.-(upper) {@t: uppercase}
.-(lower) {@t: lowercase}
.-(better) {@t: betterhat}
// etc.
text-transform: @t;
}
// Usage:
a {
.text-transform(upper);
}
b {
.text-transform(none);
}
c {
.text-transform(foobar);
}
// etc.
// Impl:
.text-transform(@type) when (default()) {text-transform: @type}
.text-transform() {text-transform: none}
.text-transform(upper) {text-transform: uppercase}
.text-transform(lower) {text-transform: lowercase}
.text-transform(better) {text-transform: betterhat}
// etc.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment