Build responsive Google AMP projects on the web with Google AMP CSS Framework, the most popular front-end component library based on Bootstrap
Download DonateWhether you are a publisher, e-commerce company, storyteller, advertiser or email sender, Google AMP makes it easy to create great experiences on the web. Use Google AMP to build:
Google AMP CSS Framework is a free and responsive CSS library to easily create user-first websites.
Our library is based on Bootstrap and has been optimized for "Accelerated Mobile Pages".
This framework is for mobile devices as well for desktop devices. Therefore it is a CSS library for all viewports.
Compatible with all modern desktop and mobile browsers.
Due to Google AMP is not accepting custom JavaScript files and maximum 50kb custom stylesheets are allowed, we made Bootstrap Google AMP capable and we equipped the source files with @if $enable - classes. Therefore it is possible to enable or disable single or complex Bootstrap components, which are Google AMP compatible. p > < p > Adjust your individual CSS files with this function in the options.scss(please note, your compiled CSS file can be maximum 50kb).
Media query prefers-color-scheme
prefers-color-scheme is a CSS media query that detects the current theme preference of the user's operating system.
The prefers-color-scheme media query has two values that you can specify: light and dark. These values allow you to customize the theme of the page with CSS depending on the user's preference.
light Indicates that the user has notified the system that they prefer a page that has a light theme (dark text on light background).
dark Indicates that the user has notified the system that they prefer a page that has a dark theme (light text on dark background).
- 01/01/2021