@mantine/core/styles/Divider.layer.css

React components library focused on usability, accessibility and developer experience

@layer mantine {.m-3eebeb36{--divider-size-xs:calc(0.0625rem*var(--mantine-scale));--divider-size-sm:calc(0.125rem*var(--mantine-scale));--divider-size-md:calc(0.1875rem*var(--mantine-scale));--divider-size-lg:calc(0.25rem*var(--mantine-scale));--divider-size-xl:calc(0.3125rem*var(--mantine-scale));--divider-size:var(--divider-size-xs)}:where([data-mantine-color-scheme=light]) .m-3eebeb36{--divider-color:var(--mantine-color-gray-3)}:where([data-mantine-color-scheme=dark]) .m-3eebeb36{--divider-color:var(--mantine-color-dark-4)}.m-3eebeb36:where([data-orientation=horizontal]){border-top:var(--divider-size) var(--divider-border-style,solid) var(--divider-color)}.m-3eebeb36:where([data-orientation=vertical]){align-self:stretch;border-left:var(--divider-size) var(--divider-border-style,solid) var(--divider-color);height:auto}.m-3eebeb36:where([data-with-label]){border:0}.m-9e365f20{align-items:center;color:var(--divider-color,var(--mantine-color-dimmed));display:flex;font-size:var(--mantine-font-size-xs);white-space:nowrap}.m-9e365f20:where([data-position=left]):before{display:none}.m-9e365f20:where([data-position=right]):after{display:none}.m-9e365f20:before{border-top:var(--divider-size) var(--divider-border-style,solid) var(--divider-color,var(--_divider-color));content:"";flex:1;height:calc(.0625rem*var(--mantine-scale));margin-right:var(--mantine-spacing-xs)}[dir=rtl] .m-9e365f20:before{margin-left:var(--mantine-spacing-xs);margin-right:0}.m-9e365f20:after{border-top:var(--divider-size) var(--divider-border-style,solid) var(--divider-color,var(--_divider-color));content:"";flex:1;height:calc(.0625rem*var(--mantine-scale));margin-left:var(--mantine-spacing-xs)}:where([dir=rtl]) .m-9e365f20:after{margin-left:0;margin-right:var(--mantine-spacing-xs)}}