Skip to content

Instantly share code, notes, and snippets.

@esr360
Created October 24, 2017 08:01
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
Save esr360/6cf795f06c31118c2a56fe40c0dea6a1 to your computer and use it in GitHub Desktop.
Extend a module within another module/component
@include module('header') {
@include component('social-links') {
@include _module('list', ('reset', 'inline'), false);
@include component('item') {
@include _module('button', (
'brand-1-light', 'circle', 'icon', 'border', 'size-3'
));
}
}
}
/*
.header_social-links is now equivilent to .list-reset-inline
.header_social-links_item is now equivilent to .button-brand-1-light-circle-icon-border-size-3
*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment