baseSizing(zoom, size, scale, lineHeight)

/../hex-core/src/mixins/_theming.scss

Set the values for the base sizing units. These values defines the spacing and font size of all the framework. Every property or mixin that involves sizes is affected by these values. You can reuse the default values.

@include baseSizing(
  100%,
  1.15em,
  $scale,
  1.45
);

colorTheme(colors, colorInterval)

/../hex-core/src/mixins/_theming.scss

Update the color theme of HEx. It receives a map that will be merged with the default one.

@include colorTheme(
  (
    'brand': green,
    'text': #000000
  ),
  8%
);

gradientTheme(gradients)

/../hex-core/src/mixins/_theming.scss

Update the gradient theme of HEx. It receives a map that will be merged with the default one.

@include gradientTheme(
  (
    'accent': #008145 #82C341,
    'action': green blue,
  )
);

fontFamilies(body, headings, code)

/../hex-core/src/mixins/_theming.scss

Update the font families for HEx. The default ones are Interstate, Fira Sans and Hind.

$body: Arial, Verdana;

@include fontFamilies(
  $body,
  Arial,
  Consolas
);

gridConfig(width, columns, gutter)

/../hex-core/src/mixins/_theming.scss

Set the base values to generate the grid classes and helpers. We recommend to use 12 columns always because the collapse-*-on-* helpers collapse the rows in blocks of 3, 2 and 1 elements. You can reuse the default values.

@include gridConfig(
  1500px,
  $grid-columns,
  2em
);

borderRadiusConfig(borderRadius)

/../hex-core/src/mixins/_theming.scss

Set the border radius for some elements like tags and avatars.

@include borderRadiusConfig(5px);