csilverman

/* Fix scrolling bug on iOS Safari with fixed elements and bottom bar */

body.noscroll {
  height: 100%;
  overflow: hidden; /* make sure iOS does not try to scroll the body first */
}

/* your wrapper, most likely mobile menu */
.fixed-wrapper {
  width: 100%;

csilverman

body {
  /* just for display */
  max-width: 60rem;
  margin: 0 auto;
  padding: 4rem 0;
}

/*  Height/aspect ratio
    This is for carousels where the images are different
    sizes, like on Africana Studies. If the height of the

csilverman

Human Interface Guidelines Archive

About this project

Keyboard/Mouse-based

AmigaOS

• Amiga User Interface Style Guide

Apple

csilverman

/*
    gutenbook.css
    Chris Silverman - v 0.9
    - - -
    Use: install a plugin like Stylebot, and then apply this CSS to gutenberg.org. This
    provides (in my mind) a slightly better reading experience than Safari Reader, and 
    definitely a better reading experience than the default HTML versions of their books.  
*/

.chapter {

csilverman

Useful tools

Keep updating this, rather than the Obsidian one

WordPress Plugins

Development

• WP All in One Migration
• Under Construction

csilverman

/*

Dillingest 1.0
==============
Chris Silverman
2022/10/26

This is custom CSS for the dillinger.io Markdown editor. It
makes editing text a little nicer. Set it up in something 
like Stylebot to use on the Dillinger site.

csilverman

/// Rem output with px fallback.
///
/// @group Typography
/// @author Adam Laki
///
/// @param {Number} $sizeValue - Element's font size
/// @output `font-size` with fallback
///
/// @example scss - Set rem font-size to `.foo`
///   .foo {

csilverman

:root {
	--burgundy-light: #951829;

	--gray-light: #d7cfcc;
	--gray-xxxlight: #f7f5f1;	
	--gray-xxxlight-border: 1px solid rgba(212, 204, 202, 0.3);
	--gray-charcoal: #222;
	
	--gold: #C6AA76;
	

csilverman

details {
	summary {
		list-style: none;
		
		&::marker,
		&::-webkit-details-marker {
			display:none;
		}
	}
}

csilverman

var discreteElements = document.getElementsByClassName('sticky-frame')
	for (var i = 0; i < discreteElements.length; i++) {
		new Waypoint({
			element: discreteElements[i],
			handler: function(direction) {
        if ( direction == 'down' ) 
  				this.element.classList.add('stuck');
        else 
          this.element.classList.remove('stuck');
			},