Styling for responsive paywall barriers à la FT.com
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.circleci
demos
scss
.gitignore
Makefile
README.md
bower.json
ft.yml
main.scss
package.json
secret-squirrel.js

README.md

Styling for Responsive paywall barriers à la Next FT. (next-product).

Yak button

Why style via a bower component?

So that other apps can serve the barrier. See FastFT and the inline barrier when trying to read more content.

Other apps can fetch ft.com/products?fragment=true to get a HTML fragment version of the barrier and import the styles via this component so that they have the supporting CSS.

Running

make install

Building

make build

Verifying SCSS with Stylelint

make verify

Running the demo app

make .env run

The app is at localhost:5005.