Skip to content

Instantly share code, notes, and snippets.

Avatar

Miriam Suzanne mirisuzanne

View GitHub Profile
View cascade-layers.md

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 Jun 12, 2018
ideas for a new slide-building system…
View goals.md

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 Apr 6, 2018
working on a syntax for Herman/Vue component documentation…
View herman-docs.vue
<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 …'
View keybase.md

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:

View fonts.scss
// 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 Sep 20, 2016
Changing configurations in Susy 3
View grids.scss
// different maps for different configurations...
$susy: (
columns: 4,
);
$medium: (
columns: 8,
);
$large: (
@mirisuzanne
mirisuzanne / SassMeister-input-HTML.html
Last active Jan 1, 2016
Generated by SassMeister.com.
View SassMeister-input-HTML.html
<div class="newApp">
<div class="rounded">
<ul>
{{#each tasksToDo}}
{{>task}}
{{/each}}
</ul>
</div>
<div class="rounded2">
@mirisuzanne
mirisuzanne / SassMeister-input.scss
Created Nov 20, 2015
Generated by SassMeister.com.
View SassMeister-input.scss
// ----
// libsass (v3.2.5)
// ----
.test {
@each $item in 'one' {
item: $item;
}
}
@mirisuzanne
mirisuzanne / SassMeister-input.scss
Last active Nov 19, 2015
Generated by SassMeister.com.
View SassMeister-input.scss
// ----
// libsass (v3.2.5)
// ----
$function: 'hsl';
$hue: 360;
$value: (30%, 40%);
.test {
// This doesn't work in libsass
View SassMeister-input-HTML.html
<div class="container">
<div class="test">hello</div>
<div class="test2">hello</div>
<div class="test">hello</div>
</div>
You can’t perform that action at this time.