From 6ec259a0e71174651bae95d4628138bf6fd68742 Mon Sep 17 00:00:00 2001 From: kj_sh604 Date: Sun, 15 Mar 2026 16:19:35 -0400 Subject: refactor: packages/ --- packages/excalidraw/components/Card.scss | 57 ++++++++++++++++++++++++++++++++ 1 file changed, 57 insertions(+) create mode 100644 packages/excalidraw/components/Card.scss (limited to 'packages/excalidraw/components/Card.scss') diff --git a/packages/excalidraw/components/Card.scss b/packages/excalidraw/components/Card.scss new file mode 100644 index 0000000..ba0fbc4 --- /dev/null +++ b/packages/excalidraw/components/Card.scss @@ -0,0 +1,57 @@ +@import "../css/variables.module.scss"; + +.excalidraw { + .Card { + display: flex; + flex-direction: column; + align-items: center; + + max-width: 290px; + + margin: 1em; + + text-align: center; + + .Card-icon { + font-size: 2.6em; + display: flex; + flex: 0 0 auto; + padding: 1.4rem; + border-radius: 50%; + background: var(--card-color); + color: $oc-white; + + svg { + width: 2.8rem; + height: 2.8rem; + } + } + + .Card-details { + font-size: 0.96em; + min-height: 90px; + padding: 0 1em; + margin-bottom: auto; + } + + & .Card-button.ToolIcon_type_button { + height: 2.5rem; + margin-top: 1em; + margin-bottom: 0.3em; + background-color: var(--card-color); + &:hover { + background-color: var(--card-color-darker); + } + &:active { + background-color: var(--card-color-darkest); + } + .ToolIcon__label { + color: $oc-white; + } + + .Spinner { + --spinner-color: #fff; + } + } + } +} -- cgit v1.2.3