www.armandphilippot.com - The frontend of my personal website.

path: root/src/components/CommentForm/CommentForm.tsx

	Commit message (Expand)	Author	Age	Files	Lines
*	refactor: use formatjs swc plugin	Armand Philippot	2022-03-23	1	-0/+12
*	refactor: import comment form dynamically when reply to a comment	Armand Philippot	2022-03-01	1	-7/+16
*	chore: combine input/textarea/select in a single component	Armand Philippot	2022-02-25	1	-7/+11
*	refactor: replace label elements with Label component	Armand Philippot	2022-02-25	1	-20/+33
*	chore: improve comment form user experience	Armand Philippot	2022-02-14	1	-52/+98
*	chore: replace lingui functions with react-intl	Armand Philippot	2022-01-29	1	-8/+37
*	chore(comments): handle comment reply	Armand Philippot	2022-01-15	1	-11/+24
*	chore: improve comment section	Armand Philippot	2022-01-07	1	-45/+51
*	refactor: rewrite types and services	Armand Philippot	2021-12-20	1	-10/+11
*	chore: create mutation to add a new comment on posts	Armand Philippot	2021-12-17	1	-2/+51
*	chore: add a comment form to posts	Armand Philippot	2021-12-17	1	-0/+58

w { color: #bbbbbb } /* Text.Whitespace */ .highlight .mb { color: #0000DD; font-weight: bold } /* Literal.Number.Bin */ .highlight .mf { color: #0000DD; font-weight: bold } /* Literal.Number.Float */ .highlight .mh { color: #0000DD; font-weight: bold } /* Literal.Number.Hex */ .highlight .mi { color: #0000DD; font-weight: bold } /* Literal.Number.Integer */ .highlight .mo { color: #0000DD; font-weight: bold } /* Literal.Number.Oct */ .highlight .sa { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Affix */ .highlight .sb { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Backtick */ .highlight .sc { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Char */ .highlight .dl { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Delimiter */ .highlight .sd { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Doc */ .highlight .s2 { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Double */ .highlight .se { color: #0044dd; background-color: #fff0f0 } /* Literal.String.Escape */ .highlight .sh { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Heredoc */ .highlight .si { color: #3333bb; background-color: #fff0f0 } /* Literal.String.Interpol */ .highlight .sx { color: #22bb22; background-color: #f0fff0 } /* Literal.String.Other */ .highlight .sr { color: #008800; background-color: #fff0ff } /* Literal.String.Regex */ .highlight .s1 { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Single */ .highlight .ss { color: #aa6600; background-color: #fff0f0 } /* Literal.String.Symbol */ .highlight .bp { color: #003388 } /* Name.Builtin.Pseudo */ .highlight .fm { color: #0066bb; font-weight: bold } /* Name.Function.Magic */ .highlight .vc { color: #336699 } /* Name.Variable.Class */ .highlight .vg { color: #dd7700 } /* Name.Variable.Global */ .highlight .vi { color: #3333bb } /* Name.Variable.Instance */ .highlight .vm { color: #336699 } /* Name.Variable.Magic */ .highlight .il { color: #0000DD; font-weight: bold } /* Literal.Number.Integer.Long */

@use "@styles/abstracts/functions" as fun;

.icon {
  display: block;
  margin: auto;
  width: var(--icon-size, #{fun.convert-px(40)});
}

.lock {
  fill: var(--color-bg);
  stroke: var(--color-primary-darker);
  stroke-width: 3;
}

.lines {
  fill: var(--color-fg);
  stroke-width: 4;
}

.seal-top {
  fill: var(--color-primary-lighter);
  stroke: var(--color-primary-darker);
  stroke-width: 2;
}

.seal-bottom {
  fill: var(--color-primary-lighter);
  stroke: var(--color-primary-darker);
  stroke-width: 2;
}

.diploma {
  fill: var(--color-bg);
  stroke: var(--color-primary-darker);
  stroke-width: 4;
}

.top {
  fill: var(--color-primary-lighter);
  stroke: var(--color-primary-darker);
  stroke-width: 4;
}

.handle {
  fill: var(--color-primary-lighter);
  stroke: var(--color-primary-darker);
  stroke-width: 3;
}

.bottom {
  fill: var(--color-primary);
  stroke: var(--color-primary-darker);
  stroke-width: 4;
}