From 0df27bea516f49d0d7f0c34d27215ab8d0a893cb Mon Sep 17 00:00:00 2001 From: Bryce Kwon Date: Thu, 29 Oct 2026 12:02:48 -1000 Subject: Square the corners of controls, tabs and labels The radius tokens stay, set to zero, since the README offers metrics to a theme, so a site can still round them. Zero rather than no radius at all, since WebKit's own stylesheet gives a select a radius of its own. The chevron loses its round caps and joins to match. --- assets/cgit.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/assets/cgit.css b/assets/cgit.css index 264dd1f..1f42207 100644 --- a/assets/cgit.css +++ b/assets/cgit.css @@ -72,9 +72,9 @@ div#cgit { --gutter: 1.25rem; --control-h: 2em; - --radius: 5px; - --radius-s: 3px; - --radius-xs: 2px; + --radius: 0; + --radius-s: 0; + --radius-xs: 0; padding: 0; margin: 0; @@ -151,7 +151,7 @@ div#cgit select { appearance: none; -webkit-appearance: none; padding-right: 1.7em; - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23888' stroke-width='1.5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 0.55em center; cursor: pointer; -- cgit