@larva.io/webcomponents
Version:
Fentrica SmartUnits WebComponents package
35 lines (33 loc) • 1.08 kB
CSS
slot-fb[hidden], slot[hidden] {
display: initial ;
}
/**
* @prop --lar-push-button-size: Push Button size
* @prop --lar-push-button-size-small: Push Button font size
*/
lar-button {
width: var(--lar-push-button-size, 4rem);
height: var(--lar-push-button-size, 4rem);
line-height: var(--lar-push-button-size, 4rem);
--lar-button-border-radius: 50%;
--lar-button-border-radius-small: 50%;
--lar-push-button-padding-top: 0;
--lar-push-button-padding-bottom: 0;
--lar-push-button-padding-left: 0;
--lar-push-button-padding-right: 0;
position: relative;
margin: 0 auto;
}
lar-button lar-icon {
--lar-icon-size-small: calc(var(--lar-push-button-size, 4rem) / 2.8);
position: absolute;
transform: translateX(-50%) translateY(-50%);
}
lar-button.lar-button-small {
width: var(--lar-push-button-size-small, 2rem);
height: var(--lar-push-button-size-small, 2rem);
line-height: var(--lar-push-button-size-small, 2rem);
}
lar-button.lar-button-small lar-icon {
--lar-icon-size-small: calc(var(--lar-push-button-size-small, 2rem) / 2.8);
}