simple repository of starter website files 🌱🌸
- basic files
index.html
main.js
main-initial-compile.css
(if not using Sass, rename this file tomain.css
and work from there)
styles
directory for.scss
files- normalize.css
- jQuery (commented out by default in
index.html
) - html viewport config
- simple
.gitignore
that excludes many OS files - simple
.surgeignore
file, good for a reference of what you ignore when deploying.
from the project root, run this command:
sass --watch styles/main.scss:main.css
<html>
is set to 0.625rem
(10px equivalent) <body>
font size is set to 1.6rem
(16px equivalent)
Thus,
1rem == 10px
.1rem == 1px
Use these scaling-friendly rem
units wherever possible :)