@mantine/core
Version:
React components library focused on usability, accessibility and developer experience
1 lines • 1.79 kB
CSS
.m-5f75b09e{--label-lh-xs:calc(1rem*var(--mantine-scale));--label-lh-sm:calc(1.25rem*var(--mantine-scale));--label-lh-md:calc(1.5rem*var(--mantine-scale));--label-lh-lg:calc(1.875rem*var(--mantine-scale));--label-lh-xl:calc(2.25rem*var(--mantine-scale));--label-lh:var(--label-lh-sm)}.m-5f75b09e[data-label-position=left]{--label-order:1;--label-offset-right:var(--mantine-spacing-sm);--label-offset-left:0}[dir=rtl] .m-5f75b09e[data-label-position=left]{--label-offset-right:0;--label-offset-left:var(--mantine-spacing-sm)}.m-5f75b09e[data-label-position=right]{--label-order:2;--label-offset-right:0;--label-offset-left:var(--mantine-spacing-sm)}[dir=rtl] .m-5f75b09e[data-label-position=right]{--label-offset-right:var(--mantine-spacing-sm);--label-offset-left:0}.m-5f6e695e{display:flex}.m-d3ea56bb{--label-cursor:var(--mantine-cursor-type);-webkit-tap-highlight-color:transparent;cursor:var(--label-cursor);display:inline-flex;flex-direction:column;font-size:var(--label-fz,var(--mantine-font-size-sm));line-height:var(--label-lh);order:var(--label-order)}.m-d3ea56bb[data-disabled],fieldset:disabled .m-d3ea56bb{--label-cursor:not-allowed}.m-8ee546b8{color:inherit;cursor:var(--label-cursor);padding-left:var(--label-offset-left);padding-right:var(--label-offset-right)}:where([data-mantine-color-scheme=light]) .m-8ee546b8:where([data-disabled]),:where([data-mantine-color-scheme=light]) fieldset:disabled .m-8ee546b8{color:var(--mantine-color-gray-5)}:where([data-mantine-color-scheme=dark]) .m-8ee546b8:where([data-disabled]),:where([data-mantine-color-scheme=dark]) fieldset:disabled .m-8ee546b8{color:var(--mantine-color-dark-3)}.m-328f68c0,.m-8e8a99cc{margin-top:calc(var(--mantine-spacing-xs)/2);padding-left:var(--label-offset-left);padding-right:var(--label-offset-right)}