Hoppa till huvudinnehåll

Default Mixins & Colors

Default mixins and color variables available in the Snowfire platform.

Uppdaterad för mer än 3 månader 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?