chore(tags): tweak padding for new tag styles (#2047)

mukunku · web-flow · commit 8854903e12f6 · 2025-11-13T12:57:53.000-05:00
* tag style feedback

* Create tall-shrimps-deny.md

* update baseline images for sm and lg
diff --git a/.changeset/tall-shrimps-deny.md b/.changeset/tall-shrimps-deny.md
@@ -0,0 +1,5 @@
+---
+"@stackoverflow/stacks": patch
+---
+
+chore(tags): tweak padding for new tag styles
diff --git a/packages/stacks-classic/lib/components/tag/tag.less b/packages/stacks-classic/lib/components/tag/tag.less
@@ -33,8 +33,8 @@
         --_ta-fs: var(--fs-fine); //12px        
         --_ta-pl: var(--su4);
         --_ta-pr: var(--su4);
-        --_ta-pt: var(--su1);
-        --_ta-pb: var(--su1);
+        --_ta-pt: var(--su2);
+        --_ta-pb: var(--su2);
 
         // Reduce close button padding for a better fit
         --_ta-dismiss-padding-y: var(--su0);
@@ -48,6 +48,8 @@
 
     &&__lg {
         --_ta-fs: var(--fs-body1); //14px
+        --_ta-pt: calc(var(--su6) - var(--su1)); //5px
+        --_ta-pb: calc(var(--su6) - var(--su1)); //5px
     }
 
     // VARIANTS
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-tag-dark-lg.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-tag-dark-lg.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:23526ac3fae1a771dcfcbc60ac2a18a479ec8a978a3b7a8b7c6f91b237910832
-size 837
+oid sha256:29cd2d5f1905054056d1ef2948bb3b1cf79b3fc0cfc019fcb752b8206205fcc7
+size 840
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-tag-dark-sm.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-tag-dark-sm.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:dd5647d2a7b9cf3f17868c7a0989542edaa2999e55e173eec518758a1e1c1086
+oid sha256:bb6e4e7217f63fb77d6c992a8b63fd5e3deba03f5325846d42b1228151a53ea3
 size 708
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-tag-highcontrast-dark-lg.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-tag-highcontrast-dark-lg.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:c57cd85f9ca01765065149f6fa717f1df187b06aee98d2022a573d751d49b2e4
-size 859
+oid sha256:cdd2d0ae9d5689882de6952d0d0ec02b3faa49238613e9201a012077cf76ab86
+size 864
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-tag-highcontrast-dark-sm.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-tag-highcontrast-dark-sm.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:b0eab916aa9254ff15e8ccb92790e9822b965684d6fdec351994d5156f177bd4
-size 729
+oid sha256:3fbc8ae69458199f90af301b7fc74599370905f5dab4ccd9ae09efe9f61e6a79
+size 736
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-tag-highcontrast-light-lg.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-tag-highcontrast-light-lg.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:a1154b5fe471a7ed51072411e324ce6050aeafeb8dbdde777a6709d47a4b0fd1
-size 936
+oid sha256:092a7b7247ac635ae81008a90b524d20cf447d9daa9e1b1c67e703db3846fcc6
+size 940
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-tag-highcontrast-light-sm.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-tag-highcontrast-light-sm.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:b5b90d9f319d2997a841631f97b5ca44bff433996eeb5635650128e716b4814c
-size 795
+oid sha256:4aa3bcfffa14266eb6b4731a83290dc8583453fc17f7cf86080a24b6542491a8
+size 805
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-tag-light-lg.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-tag-light-lg.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:e01e5ae03440e28b3a4b9e42f970465cda7b41d0394931473bb49aafc8495443
-size 909
+oid sha256:e8ffe15b342f6390096cf165c9b87224d9bce3e1986e4a350e834dcee70f0ec7
+size 911
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-tag-light-sm.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-tag-light-sm.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:f6af38301410f70649b5d33554980fb52e5421ae0f4d63baa3365b8196feb7bb
-size 771
+oid sha256:aabc05d43a131d9df702c8788a125b80e45bf38f700c1a86207911840b469eac
+size 772
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-tag-dark-lg.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-tag-dark-lg.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:bdd3dddb4d62bdf0c2f335c04bafdd1547a4c4e1a4b3082cd013b57939919218
-size 1028
+oid sha256:f8977e8b0787efee7082e5f714acc511f896734c13365ad556b482776c5eb601
+size 1033
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-tag-dark-sm.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-tag-dark-sm.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:ce6001b25ed99eb646a7fa5dd8db073fbe3deb12d591080d4557612317abbb15
-size 829
+oid sha256:9d35fd881ea5045664d56e6147d5e7dba5014c57512df40acde0ca388585ed4c
+size 834
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-tag-highcontrast-dark-lg.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-tag-highcontrast-dark-lg.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:c2cc9990ef00b3b440d14f36640821663bd3185481ca302c2815145049ea1be5
-size 1049
+oid sha256:380b8b840da24defc5e51a35a8aa956198efbf0923274dfc89d2170baea84f37
+size 1054
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-tag-highcontrast-dark-sm.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-tag-highcontrast-dark-sm.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:4fe1b8ab98f6d28e7501fff32af6f0d682b42badd4574cb376b6824d44223534
-size 846
+oid sha256:2069164008cad217b41bd25e3e1735dfbb73c17a169847f4b244c8b21fcde02b
+size 859
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-tag-highcontrast-light-lg.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-tag-highcontrast-light-lg.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:7b85e8e92ccada38f61517a81e90c1001d3866a5729975d43d6fb2f5519af02b
-size 1191
+oid sha256:8156776c140db2192038ba7b79114ec55e1fd17b1f73d670ff2df9eeb689301a
+size 1199
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-tag-highcontrast-light-sm.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-tag-highcontrast-light-sm.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:e0eac008502965ceb96f426be331f0eefbb288afad3140e6ee997399e560dc39
-size 958
+oid sha256:202bd82c8928bbe2e73224c564319185ceeb4f16e48d888f3908cdc7ab8031f4
+size 966
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-tag-light-lg.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-tag-light-lg.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:5ed065553b00a2f823befd44123c134112d74083158363ba1b860cf461338491
-size 1169
+oid sha256:3b4ff7589be41a0d2607d037dc7867c9c9487e14044497b8e451bb0e64ae8301
+size 1176
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-tag-light-sm.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-tag-light-sm.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:495f94458912420377ff09e1e27cb6d43abb9663e91664ddae5ff9f8d12fd45e
-size 934
+oid sha256:850b5f558b85c097145c9c69b51b30ab4f8a9f27186d07673134d1f4af97fbcd
+size 940
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-tag-dark-lg.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-tag-dark-lg.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:9fb94ba20fb9b869a84686a5bdb98b65b8fe7f1d705f0b13936e696139188d26
-size 1018
+oid sha256:01bf7cde52acbf6cda160a01a1446ff2a72585b017af2ba070061b1ccf3f9af5
+size 1025
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-tag-dark-sm.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-tag-dark-sm.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:f8440e79500ebbd32bcd3b4a361313c2236e5c96e95d934e362266225754ed42
-size 806
+oid sha256:91d49ebe6b8b05da1e422dd9dfea11fb0a5482bc4385cb47c6921ac9de1924f7
+size 810
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-tag-highcontrast-dark-lg.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-tag-highcontrast-dark-lg.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:1557564ab29eb72d533fbcbdf71a06a708717824d0ae8f67969f8a8be844d133
-size 1048
+oid sha256:3d6958cd96d8414eed2815ed4f58b5912a121ac830a6592f6da53675f542334b
+size 1058
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-tag-highcontrast-dark-sm.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-tag-highcontrast-dark-sm.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:90c1f0e55a832d077a880b21b1d91de641a8470aebb70098795c39a405482d58
-size 835
+oid sha256:350c7933e13a391e6add521fdfc1066882bbe5f422ac1e27846a64a709e09d56
+size 839
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-tag-highcontrast-light-lg.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-tag-highcontrast-light-lg.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:bd80f7c83ea5012ea4a3f9288c47c8aac03951631f5f9cd2a3ba885e5e78c409
-size 1098
+oid sha256:39f6043100ce77f5289240a9eb3ac7070b88826b7809f9a2b1ee35ba7da140e2
+size 1104
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-tag-highcontrast-light-sm.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-tag-highcontrast-light-sm.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:754cb87a5fdc9487c53fc11e79177dff14cb9643a71aad22472af6e47d90f1e7
-size 895
+oid sha256:bf4a81340926993a60885b9203946506c579750dc4a7aaf3511d9e6b0684fc83
+size 899
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-tag-light-lg.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-tag-light-lg.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:a873fb0949bc774005ec740367b64bf49f36fcb8edbf794b0763b8b59fa5a193
-size 1061
+oid sha256:8afb45e4c213c6ae2402a6f50e01911362ddca258b365f8c79c089ba6d3617f9
+size 1067
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-tag-light-sm.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-tag-light-sm.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:e944a6deebffb8b8c75ccfb1479103d250271b16025bbcb4f11abfb420f73d4e
-size 864
+oid sha256:f3d449452560bf000e5b9cff012d38d6e906e23be2a6b1c0ea88aa97cbbadaa4
+size 867

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@stackoverflow/stacks": patch
 +---
++
 +chore(tags): tweak padding for new tag styles