We'll be making the changes in a child theme. Why go to the trouble of changing the default color palette? The following is the complete list of supported class names and corresponding states, pseudo-classes, and pseudo-elements.The circled colours is what we'll be changing today. Tab class does not support the -invalid stateĮach class name used in a selector supports an allowlist of CSS properties, that you specify using camel case (for example, boxShadow for the box-shadow property). TabLabel, ancestor-descendant relationships in selectors are unsupported p-SomePrivateClass, img, only public class names can be targeted For example, the following are valid selectors: The selector for a rule can target any of the public class names in the Element, as well as the supported states, pseudo-classes, and pseudo-elements for each class. Tab components.Ĭonst appearance = ) All rules The spacing between rows in the grid used for the Element layout. The spacing between columns in the grid used for the Element layout. The color of the icon that appears in the trigger for the additional payment methods menu when the trigger is hovered.Ī preference for which logo to render inside of blocks either light or dark.Ī preference for which logo to render inside of tabs either light or dark.Ī preference for which logo to render inside of selected tabs either light or dark. The color of the icon that appears in the trigger for the additional payment methods menu. The color of icons appearing in a tab when the tab is selected. The color of icons appearing in a tab when the tab is hovered. The color of the arrow appearing over select inputs. The color of the redirect icon that appears for redirect-based payment methods. The color of the CVC variant of the card icon when the CVC field has invalid input. The color of the CVC variant of the card icon. The color of the card icon when it’s in an error state. The color used for icons in the Element, such as the icon appearing in the card tab. The color used for input placeholder text in the Element. For example, this color is used for the label of a tab that isn’t currently selected. The color used for text of secondary importance. The color of text appearing on top of any a var(-colorWarning) background. The color of text appearing on top of any a var(-colorDanger) background. The color of text appearing on top of any a var(-colorSuccess) background. The color of text appearing on top of any a var(-colorBackground) background. The color of text appearing on top of any a var(-colorPrimary) background. Block components either light or dark.Ī color used to indicate positive actions or successful results in the Element.Ī color used to indicate potentially destructive actions in the Element. Tab-selected component either light or dark. The logo variation to display inside the. ![]() By default this is scaled from var(-fontSizeBase) using rem units.Ī preference for which logo variations to display either light or dark. ![]() The font size of triple-extra small text in the Element. By default this is scaled from var(-fontSizeBase) using rem units. The font size of double-extra small text in the Element. The font size of extra-small text in the Element. ![]() The font size of small text in the Element. The font size of large text in the Element. The font size of extra-large text in the Element. The line-height setting of text in the Element. The font-variation-settings setting of text in the Element. The font-variant-ligatures setting of text in the Element. What text anti-aliasing settings to use in the Element.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |