terribleplan/next.js
1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
Code Issues Releases Wiki Activity
next.js/examples/with-glamorous
History
Paul Molluzzo 12a7610d9a Add example using glamorous 💄 (#1620) 
* Add example using glamorous 💄

* Fix linting errors

* Fix FOUC with server rendering and rehydration

* Camelcase CSS property names

* Fix title in README

* Fix typo in README
2017-04-05 17:54:42 -07:00
..
pages Add example using glamorous 💄 (#1620) 2017-04-05 17:54:42 -07:00
package.json Add example using glamorous 💄 (#1620) 2017-04-05 17:54:42 -07:00
README.md Add example using glamorous 💄 (#1620) 2017-04-05 17:54:42 -07:00

README.md

Example app with glamorous

How to use

Download the example or clone the repo:

curl https://codeload.github.com/zeit/next.js/tar.gz/master | tar -xz --strip=2 next.js-master/examples/with-glamorous
cd with-glamorous

Install it and run:

npm install
npm run dev

Deploy it to the cloud with now (download)

now

The idea behind the example

This example features how to use glamorous as the styling solution instead of styled-jsx. It also incorporates glamor since glamor is a dependency for glamorous.

We are creating three div elements with custom styles being shared across the elements. The styles includes the use of pseedo-elements and CSS animations.