package.src.themes.sap_horizon_exp.CheckBox-parameters.css Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of webcomponents Show documentation
UI5 Web Components: webcomponents.main
The newest version!
@import "../base/CheckBox-parameters.css";

:root {
	--_ui5_checkbox_wrapper_padding: .6875rem;
	--_ui5_checkbox_width_height: 2.75rem;
	--_ui5_checkbox_icon_size: 1rem;
	--_ui5_checkbox_label_color: var(--sapField_TextColor);
	/* default checkbox*/
	--_ui5_checkbox_inner_border: solid var(--sapField_BorderWidth) var(--sapField_BorderColor);
	--_ui5_checkbox_inner_active_border_color: var(--sapField_BorderColor);
	--_ui5_checkbox_inner_border_radius: var(--sapField_BorderCornerRadius);
	--_ui5_checkbox_checkmark_color: var(--sapContent_Selected_ForegroundColor);
	/* hover & active */
	--_ui5_checkbox_hover_background: var(--sapContent_Selected_Hover_Background);
	--_ui5_checkbox_inner_hover_border_color: var(--sapField_Hover_BorderColor);
	--_ui5_checkbox_inner_hover_checked_border_color: var(--sapField_Hover_BorderColor);
	--_ui5_checkbox_inner_selected_border_color: var(--sapField_Hover_BorderColor);
	--_ui5_checkbox_inner_active_border_color: var(--sapField_Hover_BorderColor);
	--_ui5_checkbox_active_background: var(--sapContent_Selected_Hover_Background);
	--_ui5_checkbox_inner_selected_border_color: var(--sapField_Hover_BorderColor);
	/* readonly */
	--_ui5_checkbox_inner_readonly_border: var(--sapElement_BorderWidth)  var(--sapField_ReadOnly_BorderColor) dashed;
	/* error state */
	--_ui5_checkbox_inner_error_border: var(--sapField_InvalidBorderWidth) solid var(--sapField_InvalidColor);
	--_ui5_checkbox_inner_error_background_hover: var(--sapField_Hover_Background);
	/* warning state */
	--_ui5_checkbox_inner_warning_border:  var(--sapField_WarningBorderWidth) solid var(--sapField_WarningColor);
	--_ui5_checkbox_inner_warning_color: var(--sapField_WarningColor);
	--_ui5_checkbox_inner_warning_background_hover: var(--sapField_Hover_Background);
	--_ui5_checkbox_checkmark_warning_color: var(--sapField_WarningColor);
	/* success state */
	--_ui5_checkbox_inner_success_border: var(--sapField_SuccessBorderWidth) solid var(--sapField_SuccessColor);
	--_ui5_checkbox_inner_success_background_hover: var(--sapField_Hover_Background);
	/* information state */
	--_ui5_checkbox_inner_information_color: var(--sapField_InformationColor);
	--_ui5_checkbox_inner_information_border: var(--sapField_InformationBorderWidth) solid var(--sapField_InformationColor);
	--_ui5_checkbox_inner_information_background_hover: var(--sapField_Hover_Background);
	/* disabled */
	--_ui5_checkbox_disabled_opacity: var(--sapContent_DisabledOpacity);
	/* focus */
	--_ui5_checkbox_focus_position: 0.3125rem;
	--_ui5_checkbox_focus_border_radius: 0.5rem;
	--_ui5_checkbox_right_focus_distance: var(--_ui5_checkbox_focus_position);
}