@primeuix/styles
Version:
77 lines (64 loc) • 2.1 kB
JavaScript
import{css}from"@primeuix/styled";var style=css`
.p-password {
display: inline-flex;
position: relative;
}
.p-password .p-password-overlay {
min-width: 100%;
}
.p-password-meter {
height: dt('password.meter.height');
background: dt('password.meter.background');
border-radius: dt('password.meter.border.radius');
}
.p-password-meter-label {
height: 100%;
width: 0;
transition: width 1s ease-in-out;
border-radius: dt('password.meter.border.radius');
}
.p-password-meter-weak {
background: dt('password.strength.weak.background');
}
.p-password-meter-medium {
background: dt('password.strength.medium.background');
}
.p-password-meter-strong {
background: dt('password.strength.strong.background');
}
.p-password-fluid {
display: flex;
}
.p-password-fluid .p-password-input {
width: 100%;
}
.p-password-input::-ms-reveal,
.p-password-input::-ms-clear {
display: none;
}
.p-password-overlay {
padding: dt('password.overlay.padding');
background: dt('password.overlay.background');
color: dt('password.overlay.color');
border: 1px solid dt('password.overlay.border.color');
box-shadow: dt('password.overlay.shadow');
border-radius: dt('password.overlay.border.radius');
}
.p-password-content {
display: flex;
flex-direction: column;
gap: dt('password.content.gap');
}
.p-password-toggle-mask-icon {
inset-inline-end: dt('form.field.padding.x');
color: dt('password.icon.color');
position: absolute;
top: 50%;
margin-top: calc(-1 * calc(dt('icon.size') / 2));
width: dt('icon.size');
height: dt('icon.size');
}
.p-password:has(.p-password-toggle-mask-icon) .p-password-input {
padding-inline-end: calc((dt('form.field.padding.x') * 2) + dt('icon.size'));
}
`;export{style};//# sourceMappingURL=index.mjs.map