Mixins defaults

These might be used as default in mixin properties.

  • sf-heading-1
  • sf-heading-2
  • sf-heading-3
  • sf-introduction
  • sf-paragraph
  • sf-meta


Color defaults

These might be used as default 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


Color defaults with custom alpha

If you want to use $sf-primary-color with custom alpha:

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