@vidal-community/vidal-web-components
Version:
Vidal Web Components
56 lines (46 loc) • 890 B
JavaScript
import { css } from 'lit';
import { checkedCheckbox, emptyCheckBox } from './images';
export const checkboxesStyleMap = (state) => ({
width: '16px',
height: '16px',
margin: '0',
'background-image': `url(${state ? checkedCheckbox : emptyCheckBox})`,
'background-size': 'contain',
appearance: 'none',
});
export const helpersCss = css `
.flex {
display: flex;
}
.flex-col {
flex-direction: column;
}
.flex-row {
flex-direction: row;
}
.align-center {
align-items: center;
}
.justify-center {
justify-content: center;
}
.justify-start {
justify-content: flex-start;
}
.align-start {
align-items: flex-start;
}
.align-end {
align-items: flex-end;
}
.gap-20 {
gap: 20px;
}
.gap-5 {
gap: 5px;
}
.cursor-pointer {
cursor: pointer;
}
`;
//# sourceMappingURL=helpers.css.js.map