Theme:
SCSS TypeScript

Ad

The following classes are used for advertisement.

Ad Container

The container .ad is used for advertisement. It is also used as a debug helper. Here in the style guide, every .ad usage is shown as an gray box within the word “ad”. You can also show the debug gray ad box, when you start the style guide debug mode, see Keyboard Shortcuts.

Theme basic Screen size XL
html

Ad Hint

The class .ad-hint is used on texts that indicate that the following elements is advertising.

Theme basic Screen size XL
html

Ad Overflow

The element .ad__overflow is a special case for ads in the Page Layout. It allows the ad within the left ad container to flyout the browser screen to the left, when the browser shrinks.

| ATTENTION it is not used for normal global behavior, this element is only for this special case.

Theme basic Screen size XL
html