base

colors

Sample color definitions for the demo.

$color1 #f4cc14
$color2 #329664
$color3 #880100
$color4 #2b2b2b
$color5 #35363a
$color6 #656565
/*scss/base/_colors.scss*/

$color1: #00aff0;
$color2: #3D4A57;
$color3: #5583B2;
$color4: #D7F3F6;
$color5: #35363a;
$color6: #656565;


.color1{
  background: $color1;
}
.color2{
  background: $color2;
}
.color3{
  background: $color3;
}
.color4{
  background: $color4;
}
.color5{
  background: $color5;
}
.color6{
  background: $color6;
}


.colors:before,
.colors:after {
  content: " ";
  display: table;
}

.colors:after {
  clear: both;
}
.colors {
  *zoom: 1;
}
.color{
  width:100px;
  height:100px;
  float:left;
  margin-right:10px;
  padding:10px;
  color:#fff;
  font-size:12px;
}

.colorFixed{
  position: fixed;
  z-index: 3000;
  right: 0;
  top: 0;
  box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.57);
  .color{
    float: none;
    margin-right:0;
    width:70px;
    height:50px;
  }
}
fonts

Sample font definitions.

Open Sans $font1

Montserrat $font2

/*scss/base/_fonts.scss*/

$font1: 'Open Sans', sans-serif;
$font2: 'Montserrat', sans-serif;


.font1{
  font-family: $font1;
}
.font2{
  font-family: $font2;
}

.font{
  font-weight:normal;
  margin-top:0;
  color: #6B6B6B;
  span{
    display:block;
  }
}

body{
  font-family:$font1;
}