@kq_npm/client3d_webgl_vue/measure/style/measure.css

KQGIS Client3D for Vue.js

.kq-measure3d{z-index:999;border-radius:var(--kq-border-radius-base);padding:16px;pointer-events:auto;cursor:default;background-color:var(--kq-bg-color)}.kq-measure3d .kq-measure3d-box{width:370px}.kq-measure3d p{margin:0}.kq-measure3d .kq-measure3d-mode .panel{width:100%}.kq-measure3d .kq-measure3d-mode .panel .title{color:var(--kq-text-color-regular);margin:0 0 8px;font-size:14px}.kq-measure3d .kq-measure3d-mode .panel .kq-select{width:100%}.kq-measure3d .kq-measure3d-btns{margin-top:12px}.kq-measure3d .kq-measure3d-btns .kq-button{width:48px;height:48px}.kq-measure3d .kq-measure3d-btns .kq-button .kq-icon{color:var(--kq-color-primary)}.kq-measure3d .kq-measure3d-btns .kq-button .icon-delete{color:var(--kq-color-danger)}.kq-measure3d .kq-measure3d-btns .kq-button:active .icon-delete,.kq-measure3d .kq-measure3d-btns .kq-button:focus .icon-delete,.kq-measure3d .kq-measure3d-btns .kq-button:hover .icon-delete{color:var(--kq-color-white)!important}.kq-measure3d .kq-measure3d-btns .kq-button+.kq-button{margin-left:16px}.kq-measure3d .kq-measure3d-tip{color:var(--kq-text-color-regular);font-size:13px}.kq-measure3d .kq-measure3d-tip .kq-divider{margin:16px 0}.kq-measure3d .kq-measure3d-tip>p{margin:0}.kq-measure3d .kq-measure3d-result .kq-divider{margin:16px 0}.kq-measure3d .kq-measure3d-result .kq-measure3d-result-panel .panel{padding-bottom:16px}.kq-measure3d .kq-measure3d-result .kq-measure3d-result-panel .panel:last-child{padding:0}.kq-measure3d .kq-measure3d-result .kq-measure3d-result-panel .panel .title{color:var(--kq-text-color-regular);margin:0 0 8px;font-size:14px}.kq-measure3d .kq-measure3d-result .kq-measure3d-result-panel .panel .kq-select{width:100%}.kq-measure3d .kq-measure3d-result .kq-measure3d-result-panel .panel .result{padding:8px;background:var(--kq-sub-bg-color);border-radius:var(--kq-border-radius-base);color:var(--kq-text-color-regular);font-size:14px}.kq-measure3d .kq-measure3d-result .kq-measure3d-result-panel .panel .result .tit{padding-bottom:8px}.kq-measure3d .kq-measure3d-result .kq-measure3d-result-panel .panel .result .res+.tit{padding-top:12px}