Sha256: d3d08ff6fea83b3282838c641aa57f1190492a96e601916352b02d0e5e2faf04

Contents?: true

Size: 1.74 KB

Versions: 12

Compression:

Stored size: 1.74 KB

Contents

# [Components](https://github.com/slooob/amp-html/tree/master/lib/amp-html/components/docs) / Stylesheets


## Information

The AMP-HTML Stylesheets Component allows the use of stylesheets in AMP documents.

---

### Quick info

#### Latest component release: 0.6.1 (Pre-release) - 2017-03-19

[**Changelog for version 0.6.1**](https://github.com/slooob/amp-html/blob/master/CHANGELOG.md#061-pre-release---2017-03-19)

#### Requirements

The Stylesheets Component does not depend on any other components.

#### Dependents

No other components depend on the Stylesheets Component.

#### [DeepIntegration](https://github.com/slooob/amp-html/tree/master/lib/amp-html/components/docs#deepintegration-components): Disabled

#### [Availability](https://github.com/slooob/amp-html/tree/master/lib/amp-html/components/docs#availability-of-components): Build-in

---

## Usage

By default every stylesheet (`.scss`) file inside of your `app/assets/stylesheets/amp` (depending on your AMP-HTML configuration) directory is included in your application layout.

You can include some view specific styles utilizing the `amp_css` helper in your `<head>` tag:

    <%= amp_css do %>
        /* Your CSS here */
    <% end %>

For a detailed reference on the `amp_css` helper, follow the link below.


### Helpers

The following helpers are usable with the Stylesheets Component of AMP-HTML

* [`amp_css`](https://github.com/slooob/amp-html/blob/master/lib/amp-html/helpers/docs/amp_css.md)
* [`amp_css_link` (in development)](https://github.com/slooob/amp-html/blob/master/lib/amp-html/helpers/docs/amp_css_link.md)
* [`amp_global_css` (deprecated)](https://github.com/slooob/amp-html/blob/master/lib/amp-html/helpers/docs/amp_global_css.md)

Version data entries

12 entries across 12 versions & 1 rubygems

Version Path
amp-html-0.7.18 lib/amp-html/components/docs/stylesheets.md
amp-html-0.7.17 lib/amp-html/components/docs/stylesheets.md
amp-html-0.7.16 lib/amp-html/components/docs/stylesheets.md
amp-html-0.7.15 lib/amp-html/components/docs/stylesheets.md
amp-html-0.7.14 lib/amp-html/components/docs/stylesheets.md
amp-html-0.7.13 lib/amp-html/components/docs/stylesheets.md
amp-html-0.7.12 lib/amp-html/components/docs/stylesheets.md
amp-html-0.7.11 lib/amp-html/components/docs/stylesheets.md
amp-html-0.7.10 lib/amp_html/components/docs/stylesheets.md
amp-html-0.7.9 lib/amp_html/components/docs/stylesheets.md
amp-html-0.7.8 lib/amp_html/components/docs/stylesheets.md
amp-html-0.7.7 lib/amp_html/components/docs/stylesheets.md