SCSS Operations

Practicing operations in SCSS

by sendil J

HTML

<div class="container">
  <div class="column-left">

  </div>
  <div class="column-right">

  </div>
</div>

SCSS

$width:300px;
$height:200px;
.container {
  width: $width;
  height: $height;
  border: 1px solid #aaddcc;
}

.column-left {
  width: $width / 2;
  height: $height;
  background-color: #223311;
	float:left;
}

.column-right {
  width: $width / 4;
  height: $height;
  background-color: #112211;
	float:left;
}