michael/astro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity
astro/examples/snowpack/public/css/components/_card-grid.scss

46 lines
819 B
SCSS
Raw Normal View History

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 21:17:38 +00:00
.card-grid {
display: grid;
grid-column-gap: 15px;
grid-row-gap: 15px;
grid-auto-flow: dense;
}
.card-grid-3 {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
Add React component SSR (#28) * Add React component SSR * Add React component SSR
2021-03-25 22:59:38 +00:00
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 21:17:38 +00:00
.card-grid-4 {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
Add React component SSR (#28) * Add React component SSR * Add React component SSR
2021-03-25 22:59:38 +00:00
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 21:17:38 +00:00
.discord-banner {
grid-column: 1 / -1;
border: 1px solid #2e2077;
background-color: #545eec;
display: flex;
align-items: center;
font-size: 16px;
color: white;
font-weight: 500;
padding: 1.25rem;
margin: 1.5rem 0 1rem;
background: #545eec;
box-shadow: 6px 6px 20px #4750c966, -6px -6px 20px #616cff66;
}
.discord-banner > * {
display: block;
}
@media (max-width: 700px) {
.discord-banner {
flex-direction: column;
}
.discord-banner > div {
margin-top: 1rem;
}
}
.content-title {
font-family: 'Overpass';
}
Reference in a new issue Copy permalink