jedfoster

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

body {
  width: 100%;
  height: 10em;
  background: mix(#ff0000, #0000bb, 75);
}

jedfoster

$red: #f00;

.box {
    color: $red;

}

jedfoster

//@use 'core/mixins';
//@use 'variables' as *;

$_breakpoints: (
  'tablet': 650px,
  'desktop': 992px,
  'hd': 1280px,
) !default;

@mixin breakpoint($break) {

jedfoster

$size-spacing-xs: 0.5rem;

.overviewLink:hover {
  text-decoration: none;
  .avatar {
    outline-width: ($size-spacing-xs / 2);
    outline-width: calc(#{$size-spacing-xs} / 2);
  }
}

jedfoster

$size-spacing-xs: 2rem;

.overviewLink:hover {
  text-decoration: none;
  .avatar {
    outline-width: ($size-spacing-xs / 2);
    outline-width: calc(#{$size-spacing-xs} / 2);
  }
}

jedfoster

import * as path from 'path';
import adapter from '@sveltejs/adapter-auto';
import { markdown } from 'svelte-preprocess-markdown';

const API_BASE = process.env.DEV ? 'http://127.0.0.1:3000' : 'https://api.svelte.dev';

const config = {
  kit: {
    adapter: adapter(),
    vite: () => ({

jedfoster

HTMLTextAreaElement.prototype.getCaretPosition = function () { //return the caret position of the textarea
    return this.selectionStart;
};
HTMLTextAreaElement.prototype.setCaretPosition = function (position) { //change the caret position of the textarea
    this.selectionStart = position;
    this.selectionEnd = position;
    this.focus();
};
HTMLTextAreaElement.prototype.hasSelection = function () { //if the textarea has selection then return true
    if (this.selectionStart == this.selectionEnd) {

jedfoster

1. What brings you to web development? What's your goal? What's your passion? What wakes you up in the middle of the night?

2. Tell me about common themes you run into working in the UI. How did you address them?

   • UX/Design changes?
   • What’s difficult, what’s fun?
   • Localization

3. What do you do to keep up to date with technology (blogs, conferences, etc)?

   • What blogs do you follow?
   • If you could master one technology this year, what would it be?

jedfoster

H1: Roughdraft is GitHub Gists, made pretty. #7a7a7a

H2: Roughdraft is GitHub Gists, made pretty. #7a7a7a

H3: Roughdraft is GitHub Gists, made pretty. #7a7a7a

H4: Roughdraft is GitHub Gists, made pretty. #646464

H5: Roughdraft is GitHub Gists, made pretty. #4d4d4d

H6: Roughdraft is GitHub Gists, made pretty. #212121

Alternatively, for H1 and H2, an underline-ish style:

Alt-H1

jedfoster

$cmln-toc-entry-number-padding-right: 1rem;

$selector: "";
@for $i from 1 through 6 {
	$selector: "#{$selector} ul li";
	#{$selector} a .tocnumber { min-width: $cmln-toc-entry-number-padding-right + 0.25rem + 0.75rem * $i; }
}