@import "~sass-trigonometry";

$pio2: pi() / 2;

sin(45deg); // => 0.7071... 
cos(30deg); // => 0.8660... 
tan(60deg); // => 1.7320... 

asin(0.7071); // => 45 
acos(0.8660); // => 30 
atan(1.7320); // => 60 

pow(10, 2); // => 100 
fact(5); // => 120 
sqrt(100); // => 10 

@import "~sass-trigonometry";
 
$width: 200;
$height: 150;
$diagonal-width: sqrt(pow($width, 2) + pow($height, 2));
$diagonal-angle: atan($height / $width);
 
 
#triangle {
    position: relative;
    height: #{$height}px;
    width: #{$width}px;
    border-bottom: 1px solid red;
    border-left: 1px solid red;
 
    &:before {
        border-top: 1px solid red;
        content: "";
        left: 0;
        position: absolute;
        top: $height;
        transform-origin: left;
        transform: rotate(#{$diagonal-angle}deg);
        width: #{$diagonal-width}px;
    }
}