Skip to content

Make arithmetic operator formatting consistent in CSS docs#44335

Open
VladNegara wants to merge 2 commits into
mdn:mainfrom
VladNegara:code-font-arithmetic-operators
Open

Make arithmetic operator formatting consistent in CSS docs#44335
VladNegara wants to merge 2 commits into
mdn:mainfrom
VladNegara:code-font-arithmetic-operators

Conversation

@VladNegara
Copy link
Copy Markdown
Contributor

Description

I added backticks around the +, -, *, / operators in the docs of the min() and max() CSS functions to have them rendered in code font.

Motivation

I am proposing these changes for consistency with the docs for the clamp() function. The docs for calc() and calc-size() also use code font.

Additional details

I personally think spacing out the parentheses from the symbols looks unprofessional. This is how it is currently written in the docs:

addition ( + )

If the operators are typeset in code font, I believe this sets them apart enough from the surrounding parentheses to justify removing the spaces altogether, like this:

addition (+)

This change is not included in this PR.

@VladNegara VladNegara requested a review from a team as a code owner June 2, 2026 11:09
@VladNegara VladNegara requested review from pepelsbey and removed request for a team June 2, 2026 11:09
@github-actions github-actions Bot added Content:CSS Cascading Style Sheets docs size/xs [PR only] 0-5 LoC changed labels Jun 2, 2026
@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Jun 2, 2026

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Content:CSS Cascading Style Sheets docs size/xs [PR only] 0-5 LoC changed

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants