Skip to content
Every Layout with Svelte
HTML JavaScript CSS
Branch: master
Clone or download
Latest commit 3321104 Feb 4, 2020
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
public
src Add showcase to App.svelte Feb 4, 2020
.gitignore Update .gitignore Feb 4, 2020
LICENSE Initial commit Feb 4, 2020
README.md Update README.md Feb 4, 2020
package-lock.json
package.json Add Svelte scaffolding Feb 4, 2020
rollup.config.js Add Svelte scaffolding Feb 4, 2020

README.md

Every Layout with Svelte

This is a quick'n'dirty implementation of the publicly available layouts on https://every-layout.dev

You should buy the book :) You can then use this repo as a starting point to implement the rest (it's rather simple, actually).

The idea for passing CSS vars with style to have dynamic CSS comes from What I Like About Writing Styles with Svelte.

What's here

CSS

Layout

Components have the same API as the custom components in the book.

Screenshot

  • A composition showcase from App.svelte
  • All elements have their width constrained to 60ch (see Measure).

Screenshot 2020-02-04 at 12 16 18


Run locally

npm run dev

Navigate to localhost:5000.

You can’t perform that action at this time.