Miriam Suzanne mirisuzanne

## cascade-layers.md

      
              1 file
            
          
              0 forks
            
          
              18 comments
            
          
              10 stars
            
          
                mirisuzanne
                / cascade-layers.md
            
            
              Last active
              May 13, 2021 06:38
            
          
    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.


## 1_index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>test</title>
  <link rel="stylesheet" href="stylesheets/screen.css">
</head>
<body>
  <div class="container c1"></div>
  <div class="container c2"></div>

## SassMeister-input-HTML.html

<div class="container">
<main>main (8 at 1)</main>
<aside>aside (4 at 9)</aside>
<div class="box">box (last 3)</div>
</div>

## goals.md

      
              3 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                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


## 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 …'

## keybase.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                mirisuzanne
                / keybase.md
            
            
              Created
              March 27, 2018 15:43
            
          
    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:

  
## type.scss
// Using the Modular Scale plugin along with Compass Vertical Rhythms module.
// The goal is to use MS to give us the values,
// and use VR to apply those values to our typography.

// ---------------------------------------------------------------------------
// Defaults

$base-size: 24px;
$ratio: major-third() fifth();

## reference.mkdn

      
              1 file
            
          
              3 forks
            
          
              3 comments
            
          
              19 stars
            
          
                mirisuzanne
                / reference.mkdn
            
            
              Created
              August 22, 2011 23:34
            
              
                Susy 0.9 Reference Documentation
              
          
    Susy 0.9 Reference Documentation

See the official Susy site for 1.0 documentation.
Terms


Susy Grid: A grid that you build with Susy. You can have multiple on one page if you need.
Grid Element: Any HTML element that is aligned to a Susy Grid.
Container: The root element in a Susy Grid. Anything inside it is a potential Grid Element.


## 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'
);

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

$medium: (
  columns: 8,
);

$large: (
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>test</title>
	<link rel="stylesheet" href="stylesheets/screen.css">
	</head>
	<body>
	<div class="container c1"></div>
	<div class="container c2"></div>

	<div class="container">
	<main>main (8 at 1)</main>
	<aside>aside (4 at 9)</aside>
	<div class="box">box (last 3)</div>
	</div>
	<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 …'
	// Using the Modular Scale plugin along with Compass Vertical Rhythms module.
	// The goal is to use MS to give us the values,
	// and use VR to apply those values to our typography.

	// ---------------------------------------------------------------------------
	// Defaults

	$base-size: 24px;
	$ratio: major-third() fifth();
	// 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: (