teagles / VS-America.com

/// Builds a selector for a motion class, using the settings defined in the `$motion-ui-classes` and `$motion-ui-states` maps.
/// @param {String|List} $states - One or more strings that correlate to a state.
/// @param {Boolean} $active - Defines if the selector is for the setup or active class.
/// @return {String} A selector that can be interpolated into your Sass code.
/// @access private
@function -mui-build-selector($states, $active: false) {
  $return: '';
  $chain: map-get($motion-ui-classes, chain);
  $prefix: map-get($motion-ui-classes, prefix);
  $suffix: map-get($motion-ui-classes, active);

  @each $sel in $states {
    $return: $return + if($chain, '&.', '#{&}-') + $prefix + $sel;

    @if $active {
      $return: $return + if($chain, '.', '#{&}-') + $prefix + $sel + $suffix;
    }

    $return: $return + ', ';
  }

  @return str-slice($return, 1, -3);
}