Last 12 weeks · 0 commits
2 of 6 standards met
Related issue from vuejs/docs - 3140 The problem with anchor links and clicks is related to the current check for whether the user is at the bottom of the page. This check breaks the behaviour of anchor links when there are small blocks with anchor links at the end of the page (multiple blocks can fit on the screen at once). In this case, the last link is automatically set as active, and this is exactly what needs to be fixed. This behaviour can currently be observed here
There are multiple issues about Courier New being awful-looking on Linux: Bootstrap Chromium Vue.js Docs Courier New is only readable under Windows because ClearType made a special case for it. Therefore, it should never be one's first choice for monospace font. It should be put at the end of the list. By the way, though Courier New is a proprietary font, it is available on Linux through Microsoft's Core Fonts for the Web. That's why Linux users might see it. In this PR I propose we set the monospace font stack to: This puts all kinds of system monospace fonts before Courier New, with some personal preference. is part of the CSS Fonts Module Level 4, and only available in Safari for now. The difference between it and is that aims to match the user's system monospace font, while is a generic monospace font that's defined by the browser. So it's better to put it first. It currently defaults to "SF Mono" on macOS. SF Mono is for macOS users who don't use Safari. is a hack before Apple made "SF Mono" available everywhere (It was only bundled with Xcode and Terminal on first launch). Menlo was the macOS default monospace font from 2009 to 2015. Monaco was the macOS default monospace font before Menlo. Cascadia Mono is the default monospace font for Windows Terminal. It's widely regarded as a modern replacement for Consolas. Its variant, "Cascadia Code", features programming ligatures. Programming ligatures is a controversial topic, and isn't average-user-friendly when used in the documentation, so I chose Cascadia Mono here. Consolas is the default monospace font in Visual Studio and VS Code. It has been the modern monospace font of choice in Windows since Windows Vista. Liberation Mono is the default monospace font in Red Hat Enterprise Linux. It's a metric-compatible replacement for Courier New. Noto Sans Mono is the default monospace font in ChromeOS and Fedora 36+. DejaVu Sans Mono is a popular choice among Linux distributions. It was the default monospace font in Fedora before v36 and ChromeOS Secure Shell before v73. It's also an inspiration for Menlo. Roboto Mono is the default monospace font for Android. Courier New is the web-safe fallback. I intentionally left out a few system monospace fonts: Ubuntu Mono. According to the user feedback in the StackOverflow design refresh announcement, Even Ubuntu users don't like it. It's smaller than its sans-serif counterpart, too, which is a notable issue. Source Code Pro. It's the default monospace font in GNOME. It's a good UI font, but I doubt it's a good choice for code. It's too wide. As a reference: GitHub's default: Tailwind 3.4.13: StackExchange's design refresh in 2021:
Repository: vuejs/theme. Description: VitePress theme for vuejs.org. Stars: 278, Forks: 97. Primary language: Vue. Languages: Vue (62%), CSS (23%), TypeScript (14.3%), JavaScript (0.8%). License: MIT. Topics: vue. Open PRs: 4, open issues: 3. Last activity: 2mo ago. Community health: 37%. Top contributors: yyx990803, kiaking, brc-dd, Jinjiang, Hongbusi, babu-ch, LinusBorg, edimitchel, antfu, bencodezen and others.