richthegeek

@mixin linear-gradient($a, $b: false, $c: false, $d: false, $e: false, $f: false, $g: false) {
	$value: $a;
	@each $var in $b, $c, $d, $e, $f, $g {
		@if $var {
			$value: $value + ', ' + $var;
		}
	}
	$value: unquote($value);
	@include value-prefix('background', "linear-gradient(" + $value + ")");
}

richthegeek

.treeview {

	& > ul > li:first-of-type {
		& > span {
			padding-left: 12px !important;
		}
		&::before {
			content: '';
			position: absolute;
			width: 10px;

richthegeek

@mixin tooltip($text, $top: 0px, $left: 0px) {
  &:hover::after {
    $top: $top - 7px;
    $left: $left - 10px;
   
    content: quote($text);
    position: absolute;
    @include transition(all, 0.3s);
    @include linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.8), transparent);
    border-radius: 20px;