From 6cd76c5b22192313b49b549eca8efd17b3afa257 Mon Sep 17 00:00:00 2001 From: Antoine <6078211+antoineol@users.noreply.github.com> Date: Fri, 9 Sep 2022 11:24:31 +0200 Subject: [PATCH] Clapy generated code 2 --- .../Rectangle51/Rectangle51.module.css | 6 ++++ src/components/Rectangle51/Rectangle51.tsx | 13 ++++++++ src/components/_resets.module.css | 32 +++++++++++++++++++ 3 files changed, 51 insertions(+) create mode 100644 src/components/Rectangle51/Rectangle51.module.css create mode 100644 src/components/Rectangle51/Rectangle51.tsx create mode 100644 src/components/_resets.module.css diff --git a/src/components/Rectangle51/Rectangle51.module.css b/src/components/Rectangle51/Rectangle51.module.css new file mode 100644 index 00000000..23bb95b0 --- /dev/null +++ b/src/components/Rectangle51/Rectangle51.module.css @@ -0,0 +1,6 @@ +.root { + width: 81px; + height: 41px; + background-color: #198754; + display: block; +} diff --git a/src/components/Rectangle51/Rectangle51.tsx b/src/components/Rectangle51/Rectangle51.tsx new file mode 100644 index 00000000..0360edb7 --- /dev/null +++ b/src/components/Rectangle51/Rectangle51.tsx @@ -0,0 +1,13 @@ +import { memo } from 'react'; +import type { FC } from 'react'; + +import resets from '../_resets.module.css'; +import classes from './Rectangle51.module.css'; + +interface Props { + className?: string; +} +/* @figmaId 5268:270 */ +export const Rectangle51: FC = memo(function Rectangle51(props = {}) { + return
; +}); diff --git a/src/components/_resets.module.css b/src/components/_resets.module.css new file mode 100644 index 00000000..87b7c462 --- /dev/null +++ b/src/components/_resets.module.css @@ -0,0 +1,32 @@ +.clapyResets, +.clapyResets * { + box-sizing: border-box; + margin: 0; + padding: 0; + background: none; + border: none; + flex-shrink: 0; + text-decoration: none; + min-width: 0; + overflow-wrap: anywhere; +} + +.clapyResets, +.clapyResets :not(span, a, ul, ol, li, p) { + display: flex; +} + +.clapyResets ul, +.clapyResets ol { + text-indent: 0; + padding-inline-start: 1.5em; +} + +.clapyResets p:empty::before { + content: ''; + display: inline-block; +} + +.clapyResets img { + object-fit: contain; +}