Skip to content

Conversation

andreaskienle
Copy link
Contributor

@andreaskienle andreaskienle commented Mar 25, 2025

This PR illustrates how we could integrate Common CSS.

Before (without Common CSS):
image

After (with Common CSS):
image

See also: #26, #30

className="sap-margin-begin-small sap-margin-end-small sap-margin-top-small"
>
<div style={{ padding: '20px' }}>
<div className="sap-padding">
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

sap-padding = 1rem (~ 16px). There is no padding for 20px (1.25rem)

justifyContent="SpaceBetween"
alignItems="Center"
style={{ paddingTop: '20px' }}
className="sap-margin-top-small"
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

There is no sap-padding-top.

@andreaskienle andreaskienle changed the title Move inline styles to Common CSS [To discuss] Move inline styles to Common CSS Mar 31, 2025
@andreaskienle
Copy link
Contributor Author

Closed after discussion in the team.

@andreaskienle andreaskienle deleted the spike/common-css branch April 2, 2025 19:31
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant