summaryrefslogtreecommitdiffstats
path: root/src/objects/_popover.scss
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2024-10-22 08:23:33 +0200
committerVolpeon <git@volpeon.ink>2024-10-22 08:23:33 +0200
commit5855a6821cf5585378a70f9bee13563bdbfe2d86 (patch)
tree0ee25906c9e73912137a56b7d6214c89bf43e8a6 /src/objects/_popover.scss
parentUpdate (diff)
downloadiro-design-5855a6821cf5585378a70f9bee13563bdbfe2d86.tar.gz
iro-design-5855a6821cf5585378a70f9bee13563bdbfe2d86.tar.bz2
iro-design-5855a6821cf5585378a70f9bee13563bdbfe2d86.zip
Less broad imports
Diffstat (limited to 'src/objects/_popover.scss')
-rw-r--r--src/objects/_popover.scss10
1 files changed, 5 insertions, 5 deletions
diff --git a/src/objects/_popover.scss b/src/objects/_popover.scss
index 406c143..ae874ba 100644
--- a/src/objects/_popover.scss
+++ b/src/objects/_popover.scss
@@ -1,5 +1,5 @@
1@use 'sass:meta'; 1@use 'sass:meta';
2@use 'iro-sass/src/iro-sass' as iro; 2@use 'iro-sass/src/bem' as bem;
3@use 'iro-sass/src/props'; 3@use 'iro-sass/src/props';
4@use '../props' as *; 4@use '../props' as *;
5 5
@@ -9,7 +9,7 @@
9@mixin styles { 9@mixin styles {
10 @include materialize-at-root(meta.module-variables('vars')); 10 @include materialize-at-root(meta.module-variables('vars'));
11 11
12 @include iro.bem-object('popover') { 12 @include bem.object('popover') {
13 position: absolute; 13 position: absolute;
14 inset-block-start: 0; 14 inset-block-start: 0;
15 inset-inline-start: 0; 15 inset-inline-start: 0;
@@ -22,15 +22,15 @@
22 border-radius: props.get(vars.$rounding); 22 border-radius: props.get(vars.$rounding);
23 transform: translate(var(--x), var(--y)); 23 transform: translate(var(--x), var(--y));
24 24
25 @include iro.bem-modifier('up-left') { 25 @include bem.modifier('up-left') {
26 transform: translate(var(--x), calc(var(--y) - 100%)); 26 transform: translate(var(--x), calc(var(--y) - 100%));
27 } 27 }
28 28
29 @include iro.bem-modifier('up-right') { 29 @include bem.modifier('up-right') {
30 transform: translate(calc(var(--x) - 100%), calc(var(--y) - 100%)); 30 transform: translate(calc(var(--x) - 100%), calc(var(--y) - 100%));
31 } 31 }
32 32
33 @include iro.bem-modifier('down-right') { 33 @include bem.modifier('down-right') {
34 transform: translate(calc(var(--x) - 100%), var(--y)); 34 transform: translate(calc(var(--x) - 100%), var(--y));
35 } 35 }
36 } 36 }