Sass получение корня и возведения в степень?

Question

[Alexander Litvinenko]

Подскажите операторы Sass для получение корня и возведения в степень?

Answer 1

[dom1n1k]

https://css-tricks.com/snippets/sass/power-function/
И пусть поплачут те, кто пишет, что современному прикладному программисту математика не нужна :)

Comments

[Alexander Litvinenko]

С чем работаем, то и нужно. Там к сожалению только возведение в степень.

[dom1n1k]

Alexander Litvinenko: Эээ... вы не в курсе, как из степени сделать корень?

[Alexander Litvinenko]

dom1n1k: вы в курсе как провести анализ биржи акций? я да, потому что работаю с этим. Но это не значит что все программисты должны это знать. Так же и с математикой, сейчас работаю с геометрическими фигурами, сижу вспоминаю школьный курс геометрии, из алгебры мне нужно два действия, честно, с практической точки зрения, нет смысла учить всю алгебру.

[dom1n1k]

Alexander Litvinenko:
Да какая к черту вся алгебра! :) Это где-то 8 класс обычной средней школы.
root[x] == pow(1/x)

[Alexander Litvinenko]

dom1n1k: =D

@function pow ($base, $exp) {

	//square units fix
	$start-idx: str_length( inspect( strip-unit($base)));
	$unit: str_slice( inspect( $base), $start-idx +1);
	$base: strip-unit($base);

	$result: 0;
	@if $exp == floor($exp) {
		$r: 1;
		$s: 0;
		@if $exp < 0 {
			$exp: $exp * -1;
			$s: 1;
		}
		@while $exp > 0 {
			@if $exp % 2 == 1 {
				$r: $r * $base;
			}
			$exp: floor($exp * 0.5);
			$base: $base * $base;
		}
		$result: if($s != 0, 1 / $r, $r);
	} @else {
		$result: exp(log($base) * $exp);
	}


	//add units

	$units: (
		'px': 0px,
		'cm': 0cm,
		'mm': 0mm,
		'%': 0%,
		'ch': 0ch,
		'in': 0in,
		'em': 0em,
		'rem': 0rem,
		'pt': 0pt,
		'pc': 0pc,
		'ex': 0ex,
		'vw': 0vw,
		'vh': 0vh,
		'vmin': 0vmin,
		'vmax': 0vmax,
		'deg': 0deg,
		'turn': 0turn,
		'rad': 0rad,
		'grad': 0grad,
		's': 0s,
		'ms': 0ms,
		'Hz': 0Hz,
		'kHz': 0kHz,
		'dppx': 0dppx,
		'dpcm': 0dpcm,
		'dpi': 0dpi,
	);

	@if map-has-key($units, $unit) {
		$result: $result + map-get($units, $unit);
	}

	@return $result;
}