@zpc_npm/vue-iclient-common/legend/style/legend.css

KQGIS iClient for Vue.js

:root{--kq-box-padding:16px;--kq-header-bg-color:var(--kq-color-primary);--kq-header-border-color:var(--kq-color-primary)}.legend{width:368px;height:unset;min-height:67px;background-color:var(--kq-sub-bg-color);border:var(--kq-border-width) var(--kq-border-style) var(--kq-sub-bg-color);border-radius:var(--kq-border-radius-base)}.legend.shadow{-webkit-box-shadow:var(--kq-box-shadow);box-shadow:var(--kq-box-shadow)}.legend .content{-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--kq-box-padding)}.legend .legend-item{background-color:var(--kq-bg-color);border-radius:var(--kq-border-radius-base);padding:8px;margin-bottom:8px}.legend .legend-item .legend-title{color:var(--kq-text-color-regular);font-weight:500;font-size:16px;margin:0;padding-bottom:8px}.legend .legend-item .legend-panel{width:152px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.legend .legend-item:last-child{margin-bottom:0}