-
Notifications
You must be signed in to change notification settings - Fork 1k
Closed
Labels
enhancementA suggestion to add to or change behaviorA suggestion to add to or change behavior
Description
Expected Behavior
In raw CSS, I can use the following rule to make text uppercase -
text-transform: uppercase;
I could also achieve something similar using a different rule to get "small-caps" -
font-variant: small-caps;
So it would be cool to allow this to be controlled via a setting manageable for usages of fonts (e.g. on a per-heading basis).
In src/js/themes/base.d.ts
:
font?: {
face?: string;
family?: string;
height?: string;
maxWidth?: string;
size?: string;
weight?: number | string;
variant?: string; // Very epic new rule, I can now make my text "uppercase" so easily!
};
Note: It is probably crazy to have the entire theme globally uppercase all fonts, but I am assuming this global::font
specification is how the other font: {}
definitions also work.
Actual Behavior
The current global::font
object piece is in src/js/themes/base.d.ts
is as follows:
font?: {
face?: string;
family?: string;
height?: string;
maxWidth?: string;
size?: string;
weight?: number | string;
};
Metadata
Metadata
Assignees
Labels
enhancementA suggestion to add to or change behaviorA suggestion to add to or change behavior