| Home: Pattern Design - Pieter Lategan

}

/* === SOUTH AFRICA FLAG + TEXT (exact flag colours) === */ .south-africa { font-size: 15px; font-weight: 500; color: #1a1a1a; display: inline-flex; align-items: center; gap: 10px; margin-top: 4px; } .flag { display: inline-block; width: 32px; height: 21px; background: #ffffff; border: 1px solid #ccc; border-radius: 2px; position: relative; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.1); } /* South African flag SVG (exact official colours) */ .flag::before { content: ''; position: absolute; inset: 0; background: linear-gradient( 90deg, #e31b2b 33.3%, /* red */ #ffffff 33.3%, #ffffff 66.6%, #00923f 66.6% /* green */ ); } .flag::after { content: ''; position: absolute; inset: 0; background: linear-gradient( 135deg, transparent 40%, #000000 40%, /* black */ #000000 50%, transparent 50%, transparent 60%, #f2d21e 60%, /* yellow */ #f2d21e 70%, transparent 70% ); } .flag svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 13px; height: 13px; }

Pages

Social Media

Saturday, July 26, 2025

Pattern Design - Pieter Lategan