Skip to content

Instantly share code, notes, and snippets.

View jedfoster's full-sized avatar

Jed Foster jedfoster

View GitHub Profile
@jedfoster
jedfoster / input.scss
Created January 4, 2024 17:41
Generated by SassMeister.com.
View input.scss
$red: #f00;
.box {
color: $red;
}
@jedfoster
jedfoster / input.scss
Created August 1, 2023 14:32
Generated by SassMeister.com.
View input.scss
//@use 'core/mixins';
//@use 'variables' as *;
$_breakpoints: (
'tablet': 650px,
'desktop': 992px,
'hd': 1280px,
) !default;
@mixin breakpoint($break) {
@jedfoster
jedfoster / input.scss
Created April 5, 2022 15:33
Generated by SassMeister.com.
View input.scss
$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
jedfoster / input.scss
Created April 5, 2022 15:32
Generated by SassMeister.com.
View input.scss
$size-spacing-xs: 2rem;
.overviewLink:hover {
text-decoration: none;
.avatar {
outline-width: ($size-spacing-xs / 2);
outline-width: calc(#{$size-spacing-xs} / 2);
}
}
View svelte.config.js
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
jedfoster / input.scss
Last active November 12, 2020 00:55 — forked from stof/input.scss
Generated by SassMeister.com.
View input.scss
$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
jedfoster / input.scss
Last active September 2, 2020 16:33
Generated by SassMeister.com.
View input.scss
$red: red;
foo {
color: $red;
}
View index.markdown

#3D Text in Sass

Inspired by @mdo

@jedfoster
jedfoster / input.scss
Last active August 22, 2020 21:22
Generated by SassMeister.com.
View input.scss
// ----
// Xyz (v4.5.6)
// ----
$red: red;
foo {
color: $red;
}
@jedfoster
jedfoster / input.sass
Created August 18, 2020 18:18
Generated by SassMeister.com.
View input.sass
$red: red;
foo {
color: $red;
}