Skip to content

Instantly share code, notes, and snippets.

View mdo's full-sized avatar
👶
Parental Leave

Mark Otto mdo

👶
Parental Leave
View GitHub Profile
@mdo
mdo / input.scss
Created September 15, 2021 06:08
Generated by SassMeister.com.
@function map-diff($map1, $map2) {
$map1-keys: map.keys($map1);
@each $key in $map1-keys {
$map2: map.remove($map2, $key);
}
@return $map2;
}
@mdo
mdo / input.scss
Created August 4, 2021 20:09
Generated by SassMeister.com.
$theme-colors: (
"primary": blue,
"secondary": gray,
"success": green
) !default;
$theme-colors: map-merge($theme-colors, (
"disabled": gray,
));
@mdo
mdo / input.scss
Created February 18, 2021 01:16
Generated by SassMeister.com.
$default: red;
$default: blue !default;
$reassigned: $default !default;
// $default: purple;
.default { color: $default; }
.reassigned { color: $reassigned; }
@mdo
mdo / input.scss
Created February 18, 2021 01:06
Generated by SassMeister.com.
$default: blue !default;
$reassigned: $default !default;
$default: purple;
.default { color: $default; }
.reassigned { color: $reassigned; }
@mdo
mdo / input.scss
Created February 18, 2021 01:05
Generated by SassMeister.com.
$white: #fff !default;
$gray-100: #f8f9fa !default;
$gray-200: #e9ecef !default;
$gray-300: #dee2e6 !default;
$gray-400: #ced4da !default;
$gray-500: #adb5bd !default;
$gray-600: #6c757d !default;
$gray-700: #495057 !default;
$gray-800: #343a40 !default;
$gray-900: #212529 !default;
@mdo
mdo / input.scss
Created February 11, 2021 17:04
Generated by SassMeister.com.
$white: #fff !default;
$gray-100: #f8f9fa !default;
$gray-200: #e9ecef !default;
$gray-300: #dee2e6 !default;
$gray-400: #ced4da !default;
$gray-500: #adb5bd !default;
$gray-600: #6c757d !default;
$gray-700: #495057 !default;
$gray-800: #343a40 !default;
$gray-900: #212529 !default;
@mdo
mdo / input.scss
Last active February 11, 2021 17:02
Generated by SassMeister.com.
$white: #fff !default;
$gray-100: #f8f9fa !default;
$gray-200: #e9ecef !default;
$gray-300: #dee2e6 !default;
$gray-400: #ced4da !default;
$gray-500: #adb5bd !default;
$gray-600: #6c757d !default;
$gray-700: #495057 !default;
$gray-800: #343a40 !default;
$gray-900: #212529 !default;
@mdo
mdo / input.scss
Created January 26, 2021 21:27
Generated by SassMeister.com.
$map: (
"a": "one",
"b": "two",
"c": "three"
);
$variable: inline;
$variable: block !default;
$map: (
@mdo
mdo / input.scss
Last active January 12, 2021 05:02
Generated by SassMeister.com.
@mixin color-scheme($name) {
@if $name == dark {
@media (prefers-color-scheme: dark) {
@content;
}
} @else if $name == light {
@media (prefers-color-scheme: light) {
@content;
}
} @else {
@mdo
mdo / 00-intro.md
Last active June 25, 2024 18:16
Instructions for how to affix an Ikea Gerton table top to the Ikea Bekant sit-stand desk frame.

Ikea Bekant standing desk with Gerton table top