Hoppa till huvudinnehåll

Default Mixins & Colors

Default mixins and color variables available in the Snowfire platform.

Uppdaterad för mer än en vecka sedan

Default mixins and color variables available in the Snowfire platform.

Default Mixins

The following predefined mixins are available for use in mixin properties:

  • sf-heading-1

  • sf-heading-2

  • sf-heading-3

  • sf-introduction

  • sf-paragraph

  • sf-meta

Color Defaults

Eight color variables are provided for implementation in color properties:

  • $sf-primary-color

  • $sf-primary-text-color

  • $sf-heading-1-color

  • $sf-heading-2-color

  • $sf-heading-3-color

  • $sf-introduction-color

  • $sf-paragraph-color

  • $sf-meta-color

Advanced Color Usage

You can apply custom opacity to color variables:

<color variable="$background-color" default="alpha($sf-primary-color, 0.1)" kind="background"/>

This syntax enables developers to incorporate transparency adjustments to predefined colors.

Fick du svar på din fråga?