Component Reset

1 example from SAP's documentation · no stylesheet in the package · Back to the gallery

About

No description in the documentation.

Mixin sap-reset

The sap-reset() mixin can be added to any HTML element to remove some of the default styling coming from the browsers.

Without Reset
  • Default margin
  • Default padding
  • List style bullets
With Reset
  • No margin
  • No padding
  • No list style

Reset Mixin

@mixin sap-reset {
        font-family: "72", "72full", Arial, Helvetica, sans-serif;
        font-size: var(--sapFontSize);
        line-height: normal;
        color: var(--sapTextColor);
        font-weight: normal;
        box-sizing: border-box;
        padding: 0;
        margin: 0;
        border: 0;
        text-indent: 0;
        list-style-type: none;

        &::before,
        &::after {
        box-sizing: inherit;
        font-size: inherit;
        }
        }