Files
pbakaus_impeccable/tests/fixtures/antipatterns/cssinjs-should-pass.tsx
T
Paul BakausandClaude Opus 4.7 b5c203f38a feat(detector): flag Fraunces, Geist, and the new monoculture fonts
Adds Fraunces, Geist (Sans/Mono), Mona Sans, Plus Jakarta Sans,
Space Grotesk, Recoleta, and Instrument Sans to OVERUSED_FONTS.
Brand-domain exceptions for Geist on vercel.com / nextjs.org /
v0.app and Mona Sans on github.com / githubnext.com.

Updates four should-pass fixtures that used the now-flagged faces
as "good examples"; switches to Newsreader + Karla. Adds positive
assertions for Fraunces and Geist.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-29 11:31:38 -07:00

26 lines
528 B
TypeScript

// Clean CSS-in-JS patterns -- no anti-patterns
import styled from 'styled-components';
import { css } from '@emotion/react';
export const Card = styled.div`
border-radius: 12px;
padding: 24px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
font-family: 'Karla', system-ui, sans-serif;
`;
export const Hero = styled.section`
background-color: #0f172a;
padding: 80px 20px;
h1 {
color: #f8fafc;
font-size: 3rem;
}
`;
export const smoothPanel = css`
transition: opacity 0.3s ease, transform 0.2s ease;
`;