Skip to content

Instantly share code, notes, and snippets.

View mirisuzanne's full-sized avatar

Miriam Suzanne mirisuzanne

View GitHub Profile
@mirisuzanne
mirisuzanne / input.scss
Created June 1, 2022 18:00
Generated by SassMeister.com.
@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' {
@mirisuzanne
mirisuzanne / input.scss
Last active June 1, 2022 18:00
Generated by SassMeister.com.
@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();
@mirisuzanne
mirisuzanne / cq.css
Last active October 6, 2021 10:41
Thoughts on Container Queries
/*
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,

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.
@mirisuzanne
mirisuzanne / goals.md
Last active June 12, 2018 22:35
ideas for a new slide-building system…

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
@mirisuzanne
mirisuzanne / herman-docs.vue
Last active April 6, 2018 16:23
working on a syntax for Herman/Vue component documentation…
<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 …'

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:

// 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'
);
@mirisuzanne
mirisuzanne / grids.scss
Created September 20, 2016 17:12
Changing configurations in Susy 3
// different maps for different configurations...
$susy: (
columns: 4,
);
$medium: (
columns: 8,
);
$large: (