Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
$a-atom-setting: 1 !default;
@mixin a-label($var) {
//attrs
font-size: $var;
@content;
}
$f-function-setting: 1 !default;
@function color($var) {
@return true;
}
$m-component-padding: 1rem !default;
%m-component {
.inner {
padding: $m-component-padding;
}
.element {
background: #eee;
}
.p-index & .element {
background: #aaa;
}
}
.m-component { @extend %m-component; }
%o-organisms {
.component {
@extend %m-component;
}
}
.o-organisms { @extend %o-organisms; }
%p-index {
padding: 1rem;
.organisms {
@extend %o-organisms;
margin: 1rem;
}
}
.p-index { @extend %p-index; }
@import 'functions-fuga';
@import 'atoms-hoge';
@import 'molecules-component';
@import 'organisms-organism';
@import 'pagas-page';
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.