Miriam Suzanne mirisuzanne

Cascade Layers, a Proposal

A syntax proposal for Cascade Layers #4470. This does not include full discussion of the Cascade Layer purpose and use-cases, which can be found in the various linked issues, but attempts to answer many of the outstanding questions about how we might implement a layering feature.

Collaborators:

Elika Etemad
Florian Rivoal
Miriam Suzanne
Tab Atkins Jr.

Vue Slides

I want to quickly write & edit slides using markdown & yaml…

Views:

card grid
full-screen slides (no forced aspect ratio)
scrolling list-page

Other Features:

homepage list of decks

Keybase proof

I hereby claim:

I am mirisuzanne on github.
I am mirisuzanne (https://keybase.io/mirisuzanne) on keybase.
I have a public key ASDy1Aq3brRg-SQESIfxYVSZukrpm74DBAzJEG94KrT54wo

To claim this, I am signing this object:

	@use 'sass:string';
	@use 'sass:list';
	@use 'sass:math';
	@use 'sass:meta';

	@function split($string, $separator, $limit: null) {
	@if meta.type-of($string) != 'string' {
	@error '$string is not a string';
	}
	@if meta.type-of($separator) != 'string' {

	@use 'sass:string';
	@use 'sass:list';
	@use 'sass:math';
	@use 'sass:meta';

	@function split($string, $separator, $limit: null) {
	@if meta.type-of($string) != 'string' {
	@error '$string is not a string';
	}
	@if meta.type-of($separator) != 'string' {

	#include <MIDI.h>

	const int BUTTON = 2;
	int currentState = HIGH;
	int newState = HIGH;

	byte goArray[7] = {0xf0, 0x7f, 0x7f, 0x02, 0x01, 0x01, 0xf7}; // GO array

	MIDI_CREATE_DEFAULT_INSTANCE();

	/*
	This is not meant to be a final CSSWG proposal,
	but reflects my immediate thoughts after reading
	[David Baron's](https://github.com/dbaron/container-queries-implementability) promising draft.
	This gist was created to demonstrate my idea for removing selectors from his query syntax.

	More of my thoughts & notes are online at css.oddbird.net/rwd/
	*/

	main,

	<template>…</template>
	<style>…</style>

	<script>
	export default {
	name: 'sample-component',
	group: 'buttons',
	access: 'public',
	description: 'A generic, scrollable modal for forms and longer-form content',
	deprecated: 'This is being replaced by …'

	// existing syntax for hosted font-files
	$hosted-font: (
	'name': 'FranklinGothic',
	'stack': ('Helvetica', 'Arial', 'sans-serif'),
	'regular': 'franklingothic-regular-filename',
	'bold': 'franklingothic-bold-filename',
	'bold' 'italic': 'franklingothic-bolditalic-filename',
	// safely document any additional font data you want…
	'source': 'https://www.fontspring.com/fonts/exljbris/museo-sans'
	);

	// different maps for different configurations...
	$susy: (
	columns: 4,
	);

	$medium: (
	columns: 8,
	);

	$large: (