js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 04:09:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

More explicit selectors

Browse Source
This commit is contained in:
Cory LaViska
2020-08-26 07:08:41 -04:00
parent c9a2aabd1f
commit c54ef43534
1 changed files with 17 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/components/dropdown/dropdown.scss
View File

@@ -34,23 +34,25 @@
transition: var(--sl-transition-fast) opacity, var(--sl-transition-fast) transform;
}
[data-popper-placement^='top'] .dropdown__panel {
transform-origin: bottom;
}
.dropdown__positioner {
&[data-popper-placement^='top'] .dropdown__panel {
transform-origin: bottom;
}
[data-popper-placement^='bottom'] .dropdown__panel {
transform-origin: top;
}
&[data-popper-placement^='bottom'] .dropdown__panel {
transform-origin: top;
}
[data-popper-placement^='left'] .dropdown__panel {
transform-origin: right;
}
&[data-popper-placement^='left'] .dropdown__panel {
transform-origin: right;
}
[data-popper-placement^='right'] .dropdown__panel {
transform-origin: left;
}
&[data-popper-placement^='right'] .dropdown__panel {
transform-origin: left;
}
.popover-visible .dropdown__panel {
opacity: 1;
transform: scale(1);
&.popover-visible .dropdown__panel {
opacity: 1;
transform: scale(1);
}
}