@radix-ui/themes
Version:
[](https://radix-ui.com/themes)
45 lines (40 loc) • 1.6 kB
CSS
.rt-PopoverContent {
background-color: var(--color-panel-solid);
box-shadow: var(--shadow-5);
min-width: var(--radix-popover-trigger-width);
outline: 0;
overflow: auto;
position: relative;
--inset-padding-top: var(--popover-content-padding);
--inset-padding-right: var(--popover-content-padding);
--inset-padding-bottom: var(--popover-content-padding);
--inset-padding-left: var(--popover-content-padding);
padding: var(--popover-content-padding);
box-sizing: border-box;
transform-origin: var(--radix-popover-content-transform-origin);
}
/***************************************************************************************************
* *
* SIZES *
* *
***************************************************************************************************/
@breakpoints {
.rt-PopoverContent {
&:where(.rt-r-size-1) {
--popover-content-padding: var(--space-3);
border-radius: var(--radius-4);
}
&:where(.rt-r-size-2) {
--popover-content-padding: var(--space-4);
border-radius: var(--radius-4);
}
&:where(.rt-r-size-3) {
--popover-content-padding: var(--space-5);
border-radius: var(--radius-5);
}
&:where(.rt-r-size-4) {
--popover-content-padding: var(--space-6);
border-radius: var(--radius-5);
}
}
}