Skip to content
jogemu edited this page Jun 8, 2024 · 1 revision

Ripple effect

There are various CSS ripple effects available. Some of them use ::after or ::before which would be in conflict with the way icon placement is handled.

Typography

Although md3css uses Roboto it is up to the developer to load the font. A custom stylesheet can load md3css using @import, fonts using @font-family and any default icons if desired. The size of all components is given in rem assuming 16px is the default for the web.

Light/dark scheme switch

It is possible to force a color scheme using color-scheme: light; or color-scheme: dark;. A switch can activate this rule. For example :root:has(input.darkmode:checked) { color-scheme: dark; }. Since the corresponding input cannot be created by CSS it is up to the developer to add the input and the rule.

Clone this wiki locally