mmjs-core/dist/css/components/cssomLegend/cssomLegend.css

mmjs-core hooks component vue

.cssom_legend[data-v-1a583cd1]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cssom_legend__legend[data-v-1a583cd1]{position:absolute;top:var(--top);right:var(--right);bottom:var(--bottom);left:var(--left);transform:var(--custom-translate);width:var(--width, 100%);height:var(--height, auto);z-index:var(--z);padding:var(--padding);display:flex;justify-content:var(--custom-root-justify);box-sizing:border-box;background-color:var(--backgroundColor)}.cssom_legend__legend--scroll[data-v-1a583cd1]{overflow:auto}.cssom_legend__legend--scroll.legend_orient--horizontal[data-v-1a583cd1]{--mask-image: linear-gradient(to right, #22222200 0%, #222 5%, #222 95%, #22222200 100%);mask-image:var(--mask-image);-webkit-mask-image:var(--mask-image)}.cssom_legend__legend--scroll.legend_orient--vertical[data-v-1a583cd1]{--mask-image: linear-gradient(to bottom, #22222200 0%, #222 10%, #222 90%, #22222200 100%);mask-image:var(--mask-image);-webkit-mask-image:var(--mask-image)}.cssom_legend__legend--scroll[data-v-1a583cd1]::-webkit-scrollbar{width:1px;height:1px;display:none}.cssom_legend__legend--scroll[data-v-1a583cd1]::-webkit-scrollbar-track{background:#f1f1f100}.cssom_legend__legend--scroll[data-v-1a583cd1]::-webkit-scrollbar-thumb{background:#e4e2e2;border-radius:8px}.cssom_legend__legend__wrap[data-v-1a583cd1]{width:fit-content;height:100%;display:inline-flex;flex-direction:var(--orient, row);flex-wrap:wrap;gap:var(--itemGap);max-width:var(--custom-max-width, 100%)}.cssom_legend__legend__wrap--scroll[data-v-1a583cd1]{flex-wrap:nowrap;pointer-events:auto}.cssom_legend__image_icon[data-v-1a583cd1]{width:var(--itemWidth);height:var(--itemHeight);object-fit:contain}.cssom_legend__image_icon--unselect[data-v-1a583cd1]{opacity:.5}.cssom_legend__svg_icon[data-v-1a583cd1]{width:var(--itemWidth);height:var(--itemHeight);object-fit:contain}.cssom_legend__svg_icon path[data-v-1a583cd1]{stroke:var(--itemStyle-borderColor, #fff);fill:var(--itemStyle-borderColor, #fff);stroke-width:var(--itemStyle-borderWidth, 3px)}.cssom_legend__svg_icon--unselect path[data-v-1a583cd1]{stroke:var(--inactiveBorderColor, #ccc);fill:var(--inactiveBorderColor, #ccc);stroke-width:2px}.cssom_legend__rect[data-v-1a583cd1]{background:var(--item-color);width:var(--itemWidth);height:var(--itemHeight);line-height:var(--itemHeight);box-sizing:border-box}.cssom_legend__rect.legend-icon--none[data-v-1a583cd1]{display:none}.cssom_legend__rect.legend-icon--line[data-v-1a583cd1]{height:1.5px;position:relative}.cssom_legend__rect.legend-icon--line.legend-symbol--emptyCircle[data-v-1a583cd1]:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(var(--itemHeight, 25px) - var(--itemStyle-borderWidth, 1px));height:calc(var(--itemHeight, 25px) - var(--itemStyle-borderWidth, 1px));border-radius:50%;background:#fff;border:var(--itemStyle-borderWidth, 1px) solid var(--item-color);box-sizing:border-box}.cssom_legend__rect.legend-icon--line.legend-symbol--circle[data-v-1a583cd1]:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(var(--itemHeight, 25px) - var(--itemStyle-borderWidth, 1px));height:calc(var(--itemHeight, 25px) - var(--itemStyle-borderWidth, 1px));border-radius:50%;background:var(--item-color);border:var(--itemStyle-borderWidth, 1px) solid var(--item-color);box-sizing:border-box}.cssom_legend__rect.legend-icon--line.legend-symbol--line[data-v-1a583cd1]:before{display:none}.cssom_legend__rect.legend-icon--roundRect[data-v-1a583cd1]{border-color:var(--itemStyle-borderColor, #fff);border-width:var(--itemStyle-borderWidth, 1px);border-style:solid;border-radius:4px}.cssom_legend__rect.legend-icon--rect[data-v-1a583cd1]{border-color:var(--itemStyle-borderColor, #fff);border-width:var(--itemStyle-borderWidth, 1px);border-style:solid;border-radius:0}.cssom_legend__rect.legend-icon--circle[data-v-1a583cd1]{border-radius:50%;width:var(--itemHeight)}.cssom_legend__text[data-v-1a583cd1]{color:var(--textStyle-color);white-space:nowrap;font-size:var(--textStyle-fontSize, 12px);width:var(--textStyle-width, auto);height:var(--textStyle-height, auto);line-height:var(--textStyle-lineHeight, auto);padding:var(--textStyle-padding);box-sizing:border-box}.cssom_legend__text[data-v-1a583cd1] .cssom_legend-rich{display:inline-block;color:var(--rich-textStyle-color);font-size:var(--rich-textStyle-fontSize, inherit);width:var(--rich-textStyle-width, fit-content);height:var(--rich-textStyle-height, fit-content);line-height:var(--rich-textStyle-lineHeight, auto);padding:var(--rich-textStyle-padding);text-align:var(--rich-textStyle-align)}.cssom_legend__legend_item[data-v-1a583cd1]{pointer-events:auto;display:inline-flex;width:fit-content;flex-direction:var(--align, row);align-items:var(--itemAlign, center);gap:var(--itemGap)}.cssom_legend__legend_item--unselect .cssom_legend__rect[data-v-1a583cd1]{background:var(--inactiveBorderColor);border-width:var(--inactiveBorderWidth, 1px)}.cssom_legend__legend_item--unselect .cssom_legend__rect.legend-symbol--circle[data-v-1a583cd1]:before{border-color:var(--inactiveColor);background:var(--inactiveColor)}.cssom_legend__legend_item--unselect .cssom_legend__rect.legend-symbol--emptyCircle[data-v-1a583cd1]:before{border-color:var(--inactiveColor)}.cssom_legend__legend_item--unselect .cssom_legend__text[data-v-1a583cd1]{color:var(--inactiveColor)}.cssom_legend__legend_item[data-v-1a583cd1]:hover{cursor:pointer}.cssom_legend__wrapper[data-v-1a583cd1]{position:relative;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}