0
Fork 0
mirror of https://github.com/withastro/astro.git synced 2024-12-23 21:53:55 -05:00
astro/examples/snowpack/public/css/_var.scss
Matthew Phillips 2082001ff8
Add snowpack as an example project. (#11)
* 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
2021-03-19 17:17:38 -04:00

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,
);