Skip to content

Instantly share code, notes, and snippets.

View zastrow's full-sized avatar
🦄
Making the Web a magical place

Philip Zastrow zastrow

🦄
Making the Web a magical place
View GitHub Profile
@zastrow
zastrow / input.scss
Created September 23, 2020 15:02
Generated by SassMeister.com.
// Maps
// - Color Map
// - Major Breakpoints
// - Spacing
// - Font Sizes
// - Font Family
// - Font Weight
// - Display
// - Text Align
// - Flexbox Properties
@zastrow
zastrow / input.scss
Created September 23, 2020 14:18
Generated by SassMeister.com.
// default -> inside /node_modules/sparkle
$settings: (
'utilPrefix': 'sbx',
'colorUtil': true
) !default;
$colors: (
'red': #900,
'green': #090,
@zastrow
zastrow / SassMeister-input.scss
Created July 23, 2020 19:48
Generated by SassMeister.com.
// ----
// Sass (vundefined)
// Compass (vundefined)
// dart-sass (v1.18.0)
// ----
@function min-width($val) {
@return '(min-width: #{$val})';
}
@zastrow
zastrow / SassMeister-input.scss
Created June 29, 2020 15:52
Generated by SassMeister.com.
// ----
// Sass (vundefined)
// Compass (vundefined)
// dart-sass (v1.18.0)
// ----
@mixin angled-mask($distance:9.5rem, $angle:110deg) {
mask-image: linear-gradient(#{$angle}, transparent #{$distance}, color('black') #{$distance}, color('black') #{$distance + 0.0625}, transparent 51%);
}
@zastrow
zastrow / SassMeister-input.scss
Created June 29, 2020 15:48
Generated by SassMeister.com.
// ----
// Sass (vundefined)
// Compass (vundefined)
// dart-sass (v1.18.0)
// ----
@mixin angled-mask($distance:9.5rem, $angle:110deg) {
mask-image: linear-gradient(#{$angle}, transparent #{$distance}, color('black') #{$distance}, color('black') #{$distance + 0.0625}, transparent 51%);
}
@zastrow
zastrow / SassMeister-input.scss
Created June 25, 2020 17:46
Generated by SassMeister.com.
// ----
// Sass (vundefined)
// Compass (vundefined)
// dart-sass (v1.18.0)
// ----
$color1: deeppink;
$color2: dodgerblue;
$color3: lime;
@zastrow
zastrow / SassMeister-input.scss
Created June 25, 2020 17:39
Generated by SassMeister.com.
// ----
// Sass (vundefined)
// Compass (vundefined)
// dart-sass (v1.18.0)
// ----
$color1: deeppink;
$color2: dodgerblue;
$color3: lime;
@zastrow
zastrow / SassMeister-input.scss
Created January 20, 2020 18:46
Generated by SassMeister.com.
// ----
// Sass (vundefined)
// Compass (vundefined)
// dart-sass (v1.18.0)
// ----
$grid-breakpoints: (
sm: 30rem,
md: 40rem,
lg: 60rem,
@zastrow
zastrow / SassMeister-input.scss
Created January 20, 2020 18:39
Generated by SassMeister.com.
// ----
// Sass (vundefined)
// Compass (vundefined)
// dart-sass (v1.18.0)
// ----
$grid-breakpoints: (
sm: 30rem,
md: 40rem,
lg: 60rem,
@zastrow
zastrow / SassMeister-input.scss
Last active March 4, 2022 14:22
Generated by SassMeister.com.
//Breakpoints
$bp-sm: 30rem;
$bp-md: 50rem;
$bp-lg: 60rem;
$bp-xl: 80rem;
$grid-breakpoints: (
sm: $bp-sm,
md: $bp-md,
lg: $bp-lg,