amp-spectre icon indicating copy to clipboard operation
amp-spectre copied to clipboard

⚡ AMP Spectre CSS Framework

⚡ AMP Spectre CSS Framework

This is an AMP version of the lightweight Spectre.css framework by Yan Zhu. It complies with the AMP CSS spec.

Usage

Insert the contents of spectre.min.css and optionally spectre-icons.min.css file into the <style amp-custom></style> tag. Remember not to exceed 50KB of CSS and to use <amp-img> instead of <img> tags in AMP HTML.

Demo

Check out the demo page as a valid AMP HTML document.

Differences from Spectre.css

  • Removed !important attributes
  • Replaced <img> with <amp-img>
  • Replaced .video-responsive with <amp-youtube layout="responsive">
  • Interactive tabs and toasts

License

Licensed under MIT License.