Skip to content

Instantly share code, notes, and snippets.

View Wolfr's full-sized avatar

Wolfr Wolfr

View GitHub Profile
@Wolfr
Wolfr / global.css
Last active January 17, 2021 18:56
Toolbar
body {
background: red;
}
.st-toolbar {
display: flex;
width: 100%;
justify-content: space-between;
}
import { Component, Element, State, h } from '@stencil/core';
import { hasSlot } from '../../utilities/slot';
/**
* @since 2.0
* @status stable
*
* @slot - The card's body.
* @slot header - The card's header.
* @slot footer - The card's footer.
@-moz-document domain("www.ejustice.just.fgov.be") {
/* Stylesheet to make staatsblad more legible */
frame {
border: none;
}
a {
color: #468FFA;
}
Now using node v12.14.1 (npm v6.13.6)
johanronsse@Johans-iMac spark-backoffice-prototype % npm i
> fsevents@1.2.13 install /Users/johanronsse/Sites/spark-backoffice-prototype/node_modules/glob-watcher/node_modules/fsevents
> node install.js
SOLINK_MODULE(target) Release/.node
CXX(target) Release/obj.target/fse/fsevents.o
SOLINK_MODULE(target) Release/fse.node
@Wolfr
Wolfr / input.scss
Created September 7, 2020 15:34
Generated by SassMeister.com.
$theme-color: #000;
$theme-name: "|customer-a";
*[data-theme="#{$theme-name}"] button {
color: $theme-color;
}
# htaccess config to redirect SPAs to index.html
RewriteEngine On
RewriteCond %{REQUEST_FILENAME}.html -f
RewriteRule !.*\.html$ %{REQUEST_FILENAME}.html [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule . index.html
tree .
.
|-- CONTRIBUTING.md
|-- LICENSE.md
|-- README.md
|-- addon
| |-- components
| | |-- alert.hbs
| | |-- alert.js
| | |-- avatar.hbs
import Component from '@glimmer/component';
export default class extends Component {
}

Routify updates + Frequently asked questions

The past month we've seen three new Routify feature releases:

  • 1.8 (beta)
    • Support for service workers
    • Support for prefetching
    • Support disabling prerendering with prerender=false
    • Support plugins
  • Example plugin: FrontMatter
@Wolfr
Wolfr / bedrock2-design-document.md
Last active May 3, 2020 20:15
Design document for Bedrock 2.0.

Design document: Bedrock 2.0

Version 1.0. Sunday, May 3, 2020 / Johan Ronsse

Bedrock is a prototyping tool to empower designers to help ship real software. It focusses on the design perspective while at the same time providing an immensely helpful deliverable for development.

Nature of this document

This document is intended as a design document to talk about the reasoning behind the Bedrock 2.0 project.