⚡ AMP Spectre CSS Framework
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
README.md Spectre 0.5.1 Apr 4, 2018
index.html
spectre-icons.min.css Spectre Icons 0.5.1 Mar 29, 2018
spectre.min.css

README.md

⚡ 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 and style="" attributes
  • Replaced <img> with <amp-img>
  • Replaced .video-responsive with <amp-youtube layout="responsive">
  • Replaced <div class="bar"><div class="bar-item" style="width:10%;"> with <table class="bar"><td class="bar-item" width="10%">
  • Interactive tabs and toasts

License

Licensed under MIT License.