Generated by SassMeister.com.

SassMeister-input-HTML.html

<div id="triangle"></div>

<div class="cube"></div>

SassMeister-input.scss

// ----
// Sass (v3.3.14)
// Compass (v1.0.0)
// ----

$pink: #e6274c;
$yellow: #d3c92f;
$blue: #007096;

/* Grises de Texto */
$normal-grey: #333;
$light-grey: #383838;
$lighter-grey: #6b6b6b;
/* =============== */

body{background:black;}

#triangle{
width: 0;
height: 0;
border-style: solid;
border-width: 100px 200px 100px 200px;
border-color: red transparent transparent transparent;
background-color:transparent;
}

.cube { 
	background-color: rgba(0, 198, 248,1);
	margin: 20px;
	padding: 10px;
	min-width: 200px;
	min-height: 200px;
	float:left;
box-shadow:  1px 1px rgb(183, 185, 192),
		 2px 2px rgb(186, 188, 195),
		 3px 3px rgb(189, 191, 198),
		 4px 4px rgb(192, 194, 201),
		 5px 5px rgb(195, 197, 204),
		 6px 6px rgb(198, 200, 207),
		 7px 7px rgb(201, 203, 210),
		 8px 8px rgb(204, 206, 213),
		 9px 9px rgb(207, 209, 216),
		 10px 10px rgb(210, 212, 219),
		 11px 11px rgb(213, 215, 222),
		 12px 12px rgb(216, 218, 225),
		 13px 13px rgb(219, 221, 228),
		 14px 14px rgb(222, 224, 231),
		 15px 15px rgb(225, 227, 234),
		 16px 16px rgb(228, 230, 237),
		 17px 17px rgb(231, 233, 240),
		 18px 18px rgb(234, 236, 243),
		 19px 19px rgb(237, 239, 246),
		 20px 20px rgb(240, 242, 249),
		 21px 21px rgb(243, 245, 252),
		 22px 22px rgb(246, 248, 255),
		 23px 23px rgb(249, 251, 255),
		 24px 24px rgb(252, 254, 255),
		 25px 25px rgb(255, 255, 255),
		 26px 26px rgb(255, 255, 255),
		 27px 27px rgb(255, 255, 255),
		 28px 28px rgb(255, 255, 255),
		 29px 29px rgb(255, 255, 255);
		

}

SassMeister-output.css

/* Grises de Texto */
/* =============== */
body {
  background: black;
}

#triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 100px 200px 100px 200px;
  border-color: red transparent transparent transparent;
  background-color: transparent;
}

.cube {
  background-color: #00c6f8;
  margin: 20px;
  padding: 10px;
  min-width: 200px;
  min-height: 200px;
  float: left;
  box-shadow: 1px 1px #b7b9c0, 2px 2px #babcc3, 3px 3px #bdbfc6, 4px 4px #c0c2c9, 5px 5px #c3c5cc, 6px 6px #c6c8cf, 7px 7px #c9cbd2, 8px 8px #ccced5, 9px 9px #cfd1d8, 10px 10px #d2d4db, 11px 11px #d5d7de, 12px 12px #d8dae1, 13px 13px #dbdde4, 14px 14px #dee0e7, 15px 15px #e1e3ea, 16px 16px #e4e6ed, 17px 17px #e7e9f0, 18px 18px #eaecf3, 19px 19px #edeff6, 20px 20px #f0f2f9, 21px 21px #f3f5fc, 22px 22px #f6f8ff, 23px 23px #f9fbff, 24px 24px #fcfeff, 25px 25px white, 26px 26px white, 27px 27px white, 28px 28px white, 29px 29px white;
}

SassMeister-rendered.html

<div id="triangle"></div>

<div class="cube"></div>