AMP

amp-dynamic-css-classes

Description

Adds several dynamic CSS class names onto the <body> element.

 

Required Scripts

<script async custom-element="amp-dynamic-css-classes" src="https://cdn.ampproject.org/v0/amp-dynamic-css-classes-0.1.js"></script>

Behavior

The AMP Dynamic CSS Classes extension adds the following CSS classes onto the <body> element:

amp-referrer-*

One or more referrer classes will be set, one for each level of subdomain specificity. For example, www.google.com will add three classes: amp-referrer-www-google-com, amp-referrer-google-com, and amp-referrer-com.

We currently have a few special cases:

  • When the user came through a Twitter t.co short link, we instead use twitter.com as the referrer.
  • When the string "Pinterest" is present in the User Agent string and there is no referrer, we use www.pinterest.com as the referrer.

amp-viewer

The amp-viewer class will be set if the current document is being displayed inside a Viewer.

Need more help?

You've read this document a dozen times but it doesn't really cover all of your questions? Maybe other people felt the same: reach out to them on Stack Overflow.

Go to Stack Overflow
Found a bug or missing a feature?

The AMP project strongly encourages your participation and contributions! We hope you'll become an ongoing participant in our open source community but we also welcome one-off contributions for the issues you're particularly passionate about.

Go to GitHub