Skip to content
Every Layout with Svelte
HTML JavaScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
public
src
.gitignore
LICENSE
README.md
package-lock.json
package.json
rollup.config.js

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.