@ui5/webcomponents-react
Version:
React Wrapper for UI5 Web Components and additional components
1 lines • 2.78 kB
CSS
@layer ui5-webcomponents-react{._btn_1y8oi_1{text-shadow:var(--sapContent_TextShadow);color:var(--sapButton_Information_TextColor);background:var(--sapButton_Information_Background);border-color:var(--sapButton_Information_BorderColor);&::part(button):after{border-color:var(--sapContent_FocusColor)}&:hover{color:var(--sapButton_Information_Hover_TextColor);background:var(--sapButton_Information_Hover_Background);border-color:var(--sapButton_Information_Hover_BorderColor)}&:active{color:var(--sapButton_Information_Active_TextColor);background:var(--sapButton_Information_Active_Background);border-color:var(--sapButton_Information_Active_BorderColor);&::part(button):after{border-color:var(--sapContent_FocusColor)}}&[data-type=Negative]{text-shadow:var(--sapContent_ContrastTextShadow);color:var(--sapButton_Negative_TextColor);background:var(--sapButton_Negative_Background);border-color:var(--sapButton_Negative_BorderColor);&::part(button):after{border-color:var(--sapContent_ContrastFocusColor)}&:hover{color:var(--sapButton_Negative_Hover_TextColor);background:var(--sapButton_Negative_Hover_Background);border-color:var(--sapButton_Negative_Hover_BorderColor)}&:active{color:var(--sapButton_Negative_Active_TextColor);background:var(--sapButton_Negative_Active_Background);border-color:var(--sapButton_Negative_Active_BorderColor);&::part(button):after{border-color:var(--sapContent_FocusColor)}}}&[data-type=Critical]{text-shadow:var(--sapContent_ContrastTextShadow);color:var(--sapButton_Critical_TextColor);background:var(--sapButton_Critical_Background);border-color:var(--sapButton_Critical_BorderColor);&::part(button):after{border-color:var(--sapContent_ContrastFocusColor)}&:hover{color:var(--sapButton_Critical_Hover_TextColor);background:var(--sapButton_Critical_Hover_Background);border-color:var(--sapButton_Critical_Hover_BorderColor)}&:active{color:var(--sapButton_Critical_Active_TextColor);background:var(--sapButton_Critical_Active_Background);border-color:var(--sapButton_Critical_Active_BorderColor);&::part(button):after{border-color:var(--sapContent_FocusColor)}}}&[data-type=Positive]{text-shadow:var(--sapContent_ContrastTextShadow);color:var(--sapButton_Success_TextColor);background:var(--sapButton_Success_Background);border-color:var(--sapButton_Success_BorderColor);&::part(button):after{border-color:var(--sapContent_ContrastFocusColor)}&:hover{color:var(--sapButton_Success_Hover_TextColor);background:var(--sapButton_Success_Hover_Background);border-color:var(--sapButton_Success_Hover_BorderColor)}&:active{color:var(--sapButton_Success_Active_TextColor);background:var(--sapButton_Success_Active_Background);border-color:var(--sapButton_Success_Active_BorderColor);&::part(button):after{border-color:var(--sapContent_FocusColor)}}}}}