@openui5/sap.m/src/sap/m/themes/sap_hcb/RadioButton.less

OpenUI5 UI Library sap.m

/* ================================== */
/* CSS for control sap.m/RadioButton  */
/* High Contrast Black theme          */
/* ================================== */

.sapMRbB {
	height: 2.875rem;
	width: 2.875rem;
	padding: 1px; /* using padding here so that margin won't collide */
}

.sapMRbHasLabel:focus {
	outline: none;
}

.sapMRb:focus:before {
	border: .125rem dotted @sapUiContentFocusColor;
}

.sapMRbHoverable:hover,
.sapMRb.sapMRbBTouched .sapMRbBOut {
	background-color: @sapUiSelected;
}

/* Selected */

.sapMRbSel .sapMRbBInn {
	background-color: @sapUiContentIconColor;
}

/* Value states */

.sapMRbErr .sapMRbBOut {
  background-color: @sapUiFieldInvalidBackground;
  border-style: dashed;
}

.sapMRbWarn .sapMRbBOut {
  border-style: dashed;
}

/* Disabled */

.sapMRbDis.sapMRbSel .sapMRbBInn {
  background-color: @sapUiHcReducedForeground;
}

.sapMRbDis .sapMRbBOut {
  background-color: @sapUiHcReducedBackground;
  border-color: @sapUiHcReducedForeground;
}

.sapMRbDis .sapMLabel {
	color: @sapUiContentDisabledTextColor;
}

/* When printing border is needed for the selection */
@media only print {
	.sapMRbB .sapMRbBOut {
		border-color: @sapUiHcStandardBackground;
		border-style: solid;
	}

	.sapMRbErr .sapMRbBOut {
		border-color: @sapUiFieldInvalidBackground;
		border-style: dashed;
	}

	.sapMRbWarn .sapMRbBOut {
		border-color: @sapUiHcStandardBackground;
		border-style: dashed;
	}

	/* Selected */
	.sapMRbSel .sapMRbBInn {
		border-color: @sapUiHcStandardBackground;
	}

	/* Disabled */
	.sapMRbDis.sapMRbSel .sapMRbBInn {
		border-color: @sapUiHcReducedForeground;
	}
}