50 lines
1.1 KiB
CSS
50 lines
1.1 KiB
CSS
.containerTop {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.featureCardTop {
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.containerMain.featureDescription {
|
|
white-space: pre-line;
|
|
}
|
|
|
|
.resourceCards paper-material.healthCard {
|
|
width: 100%;
|
|
}
|
|
|
|
/*To change the ink color for checked state:*/
|
|
.containerTop paper-checkbox::shadow #ink[checked] {
|
|
color: #ffffff;
|
|
}
|
|
|
|
/*To change the checkbox checked color:*/
|
|
.containerTop paper-checkbox::shadow #checkbox.checked {
|
|
background-color: #ffffff;
|
|
background-color: rgba(255,255,255,0.27);
|
|
border-color: #ffffff;
|
|
border-color: rgba(255,255,255,0.27);
|
|
}
|
|
|
|
/*ensure the checkmark is shown when ticked*/
|
|
.containerTop paper-checkbox::shadow #checkbox.checked #checkmark {
|
|
display: initial;
|
|
}
|
|
|
|
/*To change the ink color for unchecked state:*/
|
|
.containerTop paper-checkbox::shadow #ink {
|
|
color: #ffffff;
|
|
}
|
|
|
|
/*To change the checkbox unchecked color:*/
|
|
.containerTop paper-checkbox::shadow #checkbox {
|
|
border-color: #ffffff;
|
|
border-color: rgba(255,255,255,0.54);
|
|
}
|
|
|
|
/*ensure checkmark isn't shown early*/
|
|
.containerTop paper-checkbox::shadow #checkbox #checkmark {
|
|
display: none;
|
|
}
|