ffoodd

@function add($value1, $value2, $return-calc: true) {
  @if $value1 == null {
    @return $value2;
  }

  @if $value2 == null {
    @return $value1;
  }

  @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {

ffoodd

@function add($value1, $value2, $return-calc: true) {
  @if $value1 == null {
    @return $value2;
  }

  @if $value2 == null {
    @return $value1;
  }

  @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {

ffoodd

@function add($value1, $value2, $return-calc: true) {
  @if $value1 == null {
    @return $value2;
  }

  @if $value2 == null {
    @return $value1;
  }
    
  @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {

ffoodd

@function add($value1, $value2, $return-calc: true) {
  @if $value1 == null {
    @return $value2;
  }

  @if $value2 == null {
    @return $value1;
  }
    
  @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {

ffoodd

$theme-colors: (
  "primary": #0d6efd
);
$list-group-color: #911;


@each $state, $value in $theme-colors {
  $list-group-color: $value;

  .list-group-inside { color: $list-group-color; }

ffoodd

$theme-colors: (
  "primary": #0d6efd
);
$list-group-color: #911;


@each $state, $value in $theme-colors {
  $list-group-color: $value;

  .list-group-inside { color: $list-group-color; }

ffoodd

$primary: #0d6efd;

@function shade-color($color, $weight) {
  @return mix(black, $color, $weight);
}

a {
    color: darken($primary, 20%);
}

ffoodd

@function tint-color($color, $weight) {
    @return mix(white, $color, $weight);
}


@function shade-color($color, $weight) {
    @return mix(black, $color, $weight);
}

@function shift-color($color, $weight) {

ffoodd

$value: 4;

p {
  --padding: $value * 1px;
}

ffoodd

$value: 4;

@mixin try() {
    @content;
}

@include try() {
    p {
      --padding: $value * 1px;
    }