@fundamental-styles/common-css

Fundamental Library Common CSS Package

What is Fundamental Library Common CSS?

Fundamental Library Common CSS Package is a set of utility classes and SCSS mixins that allow developers to add padding, margin, color, font, shadow, and more to their applications and controls without writing custom css. The class naming follows the BEM (Block Element Modifier) methodology and the values of the CSS rules are based on SAP Fiori Design Guidelines. Further customization is possible by using the SCSS mixins and providing user defined values as parameters. SCSS Mixins help in defining styles that can be re-used throughout the project's stylesheet.

Getting Started

1. Fundamental Library Common CSS Package included in Fundamental Styles

Fundamental Library Common CSS Package is part of the Fundamental Styles. If you have installed the Fundamental Styles in your project, you automatically get the Fundamental Library Common CSS Package.

Learn more at http://sap.github.io/fundamental-styles/

2. Fundamental Library Common CSS Package on its own

Fundamental Library Common CSS Package can stand on its own. To install the package:

npm i @fundamental-styles/common-css

Common CSS Properties

The Fundamental Library Common CSS Package consists of property values that align with the SAP Fiori designs.

border-radius border content-paddings display flex focus margin media-queries padding shadow typography

Changelog

0.30.0-rc.54 (2023-07-26)

Features

• styles: add BTP Notifications [ci visual] (#4723) (9588422)

BREAKING CHANGES

• styles: - removed fd-notification__body--message modifier class

• added fd-notification__message-container applied on a div element that wraps the Message Strip in the Notification