macOS Version Navbox

<style>
.ivn-lockup { display: flex; align-items: center; justify-content: center; gap: 12px; }
.ivn-tile { background-color: #1d1d1f; color: #fff; border-radius: 22%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font: bold 0.62em -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.ivn-name { font: bold 1.5em/1.1 -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.ivn-panel { background-color: #333; padding: 8px 10px; text-align: center; }
.ivn-row { margin: 3px 0; }
.ivn-era { background-color: #f5f5f7; color: #000; border-radius: 5px; padding: 1px 8px; font-size: 0.8em; font-weight: bold; display: inline-block; margin-right: 6px; }
.ivn-panel a { color: #fff; }
</style>
{| style="width: 100%; border: 2px solid #000; text-align: center;" darkstyle="border-color: #48484a;"
|-
!style="padding: 10px;"|
<div class="ivn-lockup">
  <div class="ivn-tile">macOS</div>
  <div class="ivn-name">{{Colorlink|macOS|var(--wiki-color)}}</div>
</div>
|-
|class="ivn-panel"|
<div class="ivn-row"><span class="ivn-era">Mac OS X</span>[[Mac OS X 10.0|10.0]] · [[Mac OS X 10.1|10.1]] · [[Mac OS X Jaguar|10.2]] · [[Mac OS X Panther|10.3]] · [[Mac OS X Tiger|10.4]] · [[Mac OS X Leopard|10.5]] · [[Mac OS X Snow Leopard|10.6]] · [[Mac OS X Lion|10.7]]</div>
<div class="ivn-row"><span class="ivn-era">OS X</span>[[OS X Mountain Lion|10.8]] · [[OS X Mavericks|10.9]] · [[OS X Yosemite|10.10]] · [[OS X El Capitan|10.11]]</div>
<div class="ivn-row"><span class="ivn-era">macOS</span>[[macOS Sierra|10.12]] · [[macOS High Sierra|10.13]] · [[macOS Mojave|10.14]] · [[macOS Catalina|10.15]] · [[macOS Big Sur|11]] · [[macOS Monterey|12]] · [[macOS Ventura|13]] · [[macOS Sonoma|14]] · [[macOS Sequoia|15]] · [[macOS Tahoe|26]] · [[macOS 27|27]]</div>
|}