A little brighten

scss

//
// @param   hex  $hex
// @return  hex
//

@use "node_modules/sass-basis/src/css/core";

color: core.light(#000);

Brighten

scss

//
// @param   hex  $hex
// @return  hex
//

@use "node_modules/sass-basis/src/css/core";

color: core.lighter(#000);

To very brighten

scss

//
// @param   hex  $hex
// @return  hex
//


@use "node_modules/sass-basis/src/css/core";

color: core.lightest(#000);

A little darken

scss

//
// @param   hex  $hex
// @return  hex
//

@use "node_modules/sass-basis/src/css/core";

color: core.dark(#fff);

Darken

scss

//
// @param   hex  $hex
// @return  hex
//

@use "node_modules/sass-basis/src/css/core";

color: core.darker(#fff);

To very darken

scss

//
// @param   hex  $hex
// @return  hex
//

@use "node_modules/sass-basis/src/css/core";

color: core.darkest(#fff);

Checks for a valid int

scss

//
// @param   mixed  $value
// @return  bool
//

@use "node_modules/sass-basis/src/css/core";

@if (core.is-int($value)) {
  z-index: $value;
}

Checks for a valid CSS length

scss

//
// @param   mixed  $value
// @return  bool
//

@use "node_modules/sass-basis/src/css/core";

@if (core.is-length($value)) {
  width: $value;
}

Checks for a valid null

scss

//
// @param   mixed  $value
// @return  bool
//

@use "node_modules/sass-basis/src/css/core";

@if (not core.is-null($value)) {
  width: $value;
}

Checks for a valid number

scss

//
// @param   mixed  $value
// @return  bool
//

@use "node_modules/sass-basis/src/css/core";

@if (core.is-number($value)) {
  z-index: $value;
}

Return greatest common divisor

scss

//
// @param   int  $a  The number to be divided
// @param   int  $b  The number to divide
// @return  int  The number of the remainder
//

@use "node_modules/sass-basis/src/css/core";

$gcd: core.gcd(4, 8);

Return min size.

• If $size is key of $_size, return that value.
• If $size is number, return this.

scss

//
// @param  size|length  $size
// @return length|false
//

@use "node_modules/sass-basis/src/css/core";

@media (min-width: core.min(md)) {
  ...
}

Return max size.

• If $size is key of $_size, return that max value.
• If $size is number, return this.

scss

//
// @param  size|length  $size
// @return length|false
//

@use "node_modules/sass-basis/src/css/core";

@media (max-width: core.max(md)) {
  ...
}

Return prev key of $_size

scss

//
// @param  size  $size
// @return size
//

@use "node_modules/sass-basis/src/css/core";

$prev_size_key: core.prev-size-key(md); // => sm

Return next key of $_size

scss

//
// @param  size  $size
// @return size
//

@use "node_modules/sass-basis/src/css/core";

$next_size_key: core.next-size-key(md); // => lg

Replace in a string

scss

//
// @param   string|list  $substr
// @param   string       $newsubstr
// @param   string       $string
// @return  string
//

@use "node_modules/sass-basis/src/css/core";

$value: function.replace('p', 'a', 'apple'); // => aaale

Sanitize animation name

scss

//
// @param   string  $name
// @return  string
//

@use "node_modules/sass-basis/src/css/core";

$animation-name: function.sanitize-animation-name($name);
animation: $animation-name .2s ease-in 0s;

Return prefix for the device size

scss

//
// @param   string  $size  sm|md|lg
// @return  string
//

@use "node_modules/sass-basis/src/css/core";

$prefix: core.size-prefix(md); // -> --md

Return numeric value that doesn't have the unit.

scss

//
// @param   length  $value  numeric value
// @return  int
//

@use "node_modules/sass-basis/src/css/core";

$value: core.strip-unit(10px); // => 10