2082001ff8
* Initial tests set up
This adds tests using uvu (we can switch if people want) and restructures things a bit so that it's easier to test.
Like in snowpack you set up a little project. In our tests you can say:
```js
const result = await runtime.load('/blog/hello-world')
```
And analyze the result. I included a `test-helpers.js` which has a function that will turn HTML into a cheerio instance, for inspecting the result HTML.
* Bring snowpack example in
* Formatting
41 lines
881 B
SCSS
41 lines
881 B
SCSS
// typography
|
|
$body: -apple-system, 'BlinkMacSystemFont', 'Helvetica Neue', 'Segoe UI',
|
|
'Oxygen', 'Ubuntu', 'Cantarell', 'Open Sans', sans-serif;
|
|
$heading: 'Overpass', $body;
|
|
$code: 'SFMono-Regular', 'Consolas', 'Liberation Mono', 'Menlo', monospace;
|
|
|
|
// breakpoints
|
|
$breakpoint-m: 800px;
|
|
$breakpoint-l: 1240px;
|
|
|
|
// nav bar height mobile
|
|
$nav-height: 56px;
|
|
|
|
// colors
|
|
$blue: #0a5e9d;
|
|
$dark-blue: #2e5e82;
|
|
$lightest-blue: #cfe2f2;
|
|
$orange: #fa6400;
|
|
|
|
$color-primary: $dark-blue;
|
|
$color-secondary: $blue;
|
|
$color-light: $lightest-blue;
|
|
$color-strong-contrast: $orange;
|
|
$grey: #717171;
|
|
$dark-grey: #393939;
|
|
$light-grey: #c1c1c1;
|
|
$darkest-grey: #333;
|
|
$white: #fff;
|
|
|
|
$light-rainbow-blue: #c9efd8;
|
|
$light-rainbow-pink: #f9ddff;
|
|
$rainbow-purple: #b224d0;
|
|
$rainbow-blue: #267dd6;
|
|
$rainbow-green: #24bf62;
|
|
$rainbow-yellow: #f0db4f;
|
|
|
|
$layers: (
|
|
'base': 1,
|
|
'nav-view': 9,
|
|
'nav': 10,
|
|
);
|