jquery/sass/_sub-items-indentation.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

// Generate rules to indent sub menus text
//
// We'll use left border to avoid messing with the padding.

@mixin sm-dox__sub-items-indentation($amount, $chainable: 'ul ', $level: 4, $chain: '') {
	@for $i from 1 through $level {
		$chain: $chain + $chainable;
		#{$chain} a,
		#{$chain} a:hover,
		#{$chain} a:focus,
		#{$chain} a:active {
			border-left: ($amount * ($i + 1)) solid transparent;
		}
	}
}