src/bem/_functions.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

////
/// @group BEM
///
/// @access public
////

@use 'sass:list';
@use 'sass:map';
@use 'sass:selector';
@use './vars';

///
/// @access private
///
@function theme-selector($name, $names...) {
	$namespace: map.get(vars.$namespaces, 'theme');
	$selector:  null;

	@each $name in list.join($name, $names) {
		$sel: '.' + $namespace + '-' + $name;

		@if $selector == null {
			$selector: list.join(selector.parse($sel), selector.parse('[class*=\' t-\'] ' + $sel), comma);
			$selector: list.join($selector, selector.parse('[class^=\'t-\'] ' + $sel), comma);
		} @else {
			$selector: selector.nest($selector, $sel);
		}
	}

	@return $selector;
}