Add compact/comfortable utility mixins
This commit is contained in:
parent
c6ad31ca0a
commit
8b9d8b1be5
2 changed files with 34 additions and 0 deletions
|
@ -3,6 +3,7 @@
|
||||||
|
|
||||||
@import "abstracts/variables";
|
@import "abstracts/variables";
|
||||||
@import "abstracts/functions";
|
@import "abstracts/functions";
|
||||||
|
@import "abstracts/mixins";
|
||||||
@import "abstracts/placeholders";
|
@import "abstracts/placeholders";
|
||||||
@import "abstracts/utilities";
|
@import "abstracts/utilities";
|
||||||
@import "abstracts/split-button";
|
@import "abstracts/split-button";
|
||||||
|
|
33
scss/abstracts/_mixins.scss
Normal file
33
scss/abstracts/_mixins.scss
Normal file
|
@ -0,0 +1,33 @@
|
||||||
|
//
|
||||||
|
// Mixins
|
||||||
|
// --------------------------------------------------
|
||||||
|
|
||||||
|
@mixin compact {
|
||||||
|
$selector: &;
|
||||||
|
@at-root [zoteroUIDensity="compact"] {
|
||||||
|
@if $selector {
|
||||||
|
#{$selector} {
|
||||||
|
@content;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@else {
|
||||||
|
@content;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin comfortable {
|
||||||
|
$selector: &;
|
||||||
|
@at-root [zoteroUIDensity="comfortable"] {
|
||||||
|
@if $selector {
|
||||||
|
#{$selector} {
|
||||||
|
@content;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@else {
|
||||||
|
@content;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in a new issue