mirror of
https://github.com/pbakaus/impeccable.git
synced 2026-09-15 23:56:29 +03:00
Paul BakausandClaude Opus 4.6
3c9cc86061
Merges the impeccable-detect CLI repo (pbakaus/impeccable-cli@831a6cc) into this repo. The BSL-1.1 license that motivated the split is gone; everything is now Apache 2.0. - Add bin/, src/, detection tests and fixtures from CLI repo - Merge package.json: name → "impeccable", add bin/exports/files fields - Internal refs now read from local src/ instead of node_modules/ - Update SPDX headers, NOTICE.md, CLAUDE.md, FAQ, npm README - Add prepack/postpack scripts for CLI-focused README on npm - Remove terminal license labels (no longer needed) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
45 lines
1.1 KiB
TypeScript
45 lines
1.1 KiB
TypeScript
// CSS-in-JS patterns with anti-patterns (styled-components + emotion)
|
|
|
|
import styled from 'styled-components';
|
|
import { css } from '@emotion/react';
|
|
|
|
// styled-components: side-tab + border-accent-on-rounded
|
|
export const Card = styled.div`
|
|
border-left: 4px solid #3b82f6;
|
|
border-radius: 12px;
|
|
padding: 24px;
|
|
font-family: 'Inter', sans-serif;
|
|
`;
|
|
|
|
// styled-components: pure black background + gradient text
|
|
export const Hero = styled.section`
|
|
background-color: #000000;
|
|
padding: 80px 20px;
|
|
text-align: center;
|
|
|
|
h1 {
|
|
background: linear-gradient(to right, #a855f7, #06b6d4);
|
|
-webkit-background-clip: text;
|
|
background-clip: text;
|
|
color: transparent;
|
|
}
|
|
`;
|
|
|
|
// emotion css: bounce animation + layout transition
|
|
export const animatedPanel = css`
|
|
animation: bounce 1s infinite;
|
|
transition: width 0.3s ease;
|
|
`;
|
|
|
|
// styled with parenthesized component
|
|
export const AccentBox = styled(Box)`
|
|
border-right: 5px solid #8b5cf6;
|
|
border-radius: 8px;
|
|
`;
|
|
|
|
// Object style pattern
|
|
export const inlineStyles = {
|
|
borderLeft: '4px solid #6366f1',
|
|
borderRadius: '12px',
|
|
};
|