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

$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; }
}

jedfoster

$red: red;

foo {
  color: $red;
}

jedfoster

#3D Text in Sass

Inspired by @mdo

jedfoster

// ----
// Xyz (v4.5.6)
// ----

$red: red; 

foo {
  color: $red;
}

jedfoster

$red: red;

foo {
  color: $red;
}