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/functions";
|
||||
@import "abstracts/mixins";
|
||||
@import "abstracts/placeholders";
|
||||
@import "abstracts/utilities";
|
||||
@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