@hakit/components
Version:
A series of components to work with @hakit/core
38 lines (37 loc) • 1 kB
JavaScript
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../emotion-styled-base.browser.esm-BenTvX6I.cjs"),o=r.createStyled("div",process.env.NODE_ENV==="production"?{target:"e1px4q8d0"}:{target:"e1px4q8d0",label:"ProgressBar"})(e=>`
position: absolute;
bottom: 0;
left: 0;
padding-top: 0.5rem;
border-radius: 0.25rem;
overflow: hidden;
width: 100%;
z-index: 1;
cursor: pointer;
span {
background: rgba(255,255,255,0.2);
height: 0.3rem;
position: relative;
width: 100%;
display: block;
&:before {
content: '';
position: absolute;
inset: 0;
background: var(--ha-300);
width: var(--progress-${e.entity}-width, 100%);
}
}
&.disabled {
cursor: not-allowed;
span {
&:before {
background: rgba(255,255,255,0.2);
}
}
}
&:hover:not(.disabled) + .clock {
opacity: 1;
}
`,";");exports.ProgressBar=o;
//# sourceMappingURL=ProgressBar.js.map