Skip to content

Instantly share code, notes, and snippets.

View blvdmitry's full-sized avatar
🍌
Working on Design Systems

Dmitry Belyaev blvdmitry

🍌
Working on Design Systems
203 followers · 20 following
View GitHub Profile
@blvdmitry
blvdmitry / email script
Created February 13, 2020 10:59
const path = require('path');
const fs = require('fs-extra');
const sassExtract = require('sass-extract');
const Handlebars = require('handlebars');
const juice = require('juice');
const templatesPath = path.resolve(__dirname, '../templates/');
const partialsPath = path.resolve(__dirname, '../components/');
const templateNames = fs.readdirSync(templatesPath);
@blvdmitry
blvdmitry / Button.css
Created August 24, 2020 15:12
.root {
background-color: var(--color-background-neutral);
/* Border is aligned with background */
color: var(--color-foreground-neutral);
border-radius: var(--unit-radius-small);
transition: var(--duration-fast) var(--easing-standard);
transition-property: background-color, box-shadow, border;
padding: calc(var(--unit-x2) - var(--unit-border-small)) calc(var(--unit-x3) - var(--unit-border-small));
min-height: calc(var(--DO_NOT_USE_bodyMedium2_lineHeight) + var(--unit-x2) * 2);
min-width: calc(var(--DO_NOT_USE_bodyMedium2_lineHeight) + var(--unit-x2) * 2);
@blvdmitry
blvdmitry / gist:7c6d6b162853862db76b95e12e86496a
Created August 26, 2020 18:44
options
-Xms128m
-Xmx750m
-XX:ReservedCodeCacheSize=240m
-XX:+UseConcMarkSweepGC
-XX:SoftRefLRUPolicyMSPerMB=50
-ea
-XX:CICompilerCount=2
-Dsun.io.useCanonPrefixCache=false
-Djdk.http.auth.tunneling.disabledSchemes=""
-XX:+HeapDumpOnOutOfMemoryError
@blvdmitry
blvdmitry / Example.tsx
Last active January 11, 2022 17:28
/* css */
.root {
--_p: 4;
padding: calc(var(--arcade-unit-x1) * var(--_p));
border-radius: var(--arcade-unit-radius-medium);
background: var(--arcade-color-background-elevated);
color: var(--arcade-color-foreground-neutral);
border: var(--arcade-unit-border-small) solid var(--arcade-color-border-neutral-faded);
box-shadow: var(--arcade-shadow-elevated);
@blvdmitry
blvdmitry / gist:a1767c58c68f350757510f406e664455
Created January 30, 2023 20:45
const baseUnit = 4;
const units = [...Array(30).keys()].reduce(
(config, i) => ({
...config,
[i + 1]: `${baseUnit * (i + 1)}px`,
}),
{}
);
/** @type {import('tailwindcss').Config} */
@blvdmitry
blvdmitry / as prop
Created March 11, 2023 21:19
type Props<TagName extends keyof JSX.IntrinsicElements | void = void> = {
as?: TagName;
children?: React.ReactNode;
attributes?: Attributes<TagName>;
};
export type Attributes<TagName = void, O = void> = Omit<
(TagName extends keyof JSX.IntrinsicElements
? JSX.IntrinsicElements[TagName]
@blvdmitry
blvdmitry / BlueskyIcon.tsx
Created November 10, 2024 11:50
const BlueskyIcon = () => (
<svg
width="24"
height="22"
viewBox="0 0 24 22"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M4.75371 2.21493C6.05271 3.18993 7.43271 4.69393 8.63271 6.25493C9.83171 7.81393 10.8117 9.37893 11.3267 10.4439L11.5519 10.9097C11.7339 11.286 12.2699 11.2862 12.4521 10.9099L12.6777 10.4439C13.1917 9.37893 14.1727 7.81393 15.3707 6.25493C16.5717 4.69393 17.9517 3.18993 19.2497 2.21493C20.2037 1.49893 21.3457 0.954934 22.1567 0.942934C22.5267 0.936934 22.7517 1.04093 22.9007 1.21393C23.0687 1.40793 23.2517 1.81693 23.2517 2.64093C23.2517 2.96793 23.1507 4.47093 23.0137 6.03993C22.9457 6.81493 22.8717 7.59093 22.7987 8.22493C22.7217 8.88693 22.6557 9.32593 22.6127 9.47693C22.4707 9.98393 22.0647 10.4359 21.4057 10.8329C20.7497 11.2269 19.9267 11.5159 19.1117 11.7289C18.3017 11.9389 17.5407 12.0639 17.0177 12.1479C16.9947 12.1509 16.9717 12.1549 16.9487 12.1589C16.7327 12.1929 16.5257 12.2259 16.3997 12.2569C16.3647 12.2649 16.2987 12.2819 16.22