13:I[6874,["497","static/chunks/497-770013140ffbe0df.js","874","static/chunks/874-564943c90346e675.js","589","static/chunks/589-17b45cf88ce56282.js","411","static/chunks/411-dd56fa06183e1542.js","968","static/chunks/app/categories/%5Bcategory%5D/page-a0cd9aea764bafe6.js"],""] 14:I[3981,["497","static/chunks/497-770013140ffbe0df.js","874","static/chunks/874-564943c90346e675.js","589","static/chunks/589-17b45cf88ce56282.js","411","static/chunks/411-dd56fa06183e1542.js","968","static/chunks/app/categories/%5Bcategory%5D/page-a0cd9aea764bafe6.js"],"default"] 15:T60b,

CSS Inline Code Styling Test

This post demonstrates the improved styling for inline code elements, particularly CSS properties and functions like @property and color-mix().

CSS Properties and Functions

Here are some examples of CSS-related inline code that should have better contrast in dark mode:

The @property at-rule allows you to define custom CSS properties
The color-mix() function enables color blending in CSS
Properties like background-color and border-radius are fundamental
Functions such as calc(), var(), and clamp() are very useful
Modern CSS features include @container queries and @layer rules

Regular Inline Code

Regular inline code like const variable = "value" and function myFunc() should also have improved contrast.

Code in Different Contexts

When discussing CSS, we often mention properties like display: flex, grid-template-columns, and functions like rgb(), hsl(), and oklch().

The new @starting-style rule and transition-behavior property are exciting additions to CSS.

Testing Dark Mode

Switch to dark mode to see how these inline code elemen