colors.css

/* original palette digital school */

/* first-color */
$dark-orange: #f36f21;
$first-color: $dark-orange;
.first-color-tx{
  color:$dark-orange;
}
.first-color-bg{
  background-color:$dark-orange;
}
.first-color-bd{
  border-color:$dark-orange;
}

/* second-color */
$orange: #ffa325;
$second-color: $orange;
.second-color-tx{
  color:$orange;
}
.second-color-bg{
  background-color:$orange;
}
.second-color-bd{
  border-color:$orange;
}

/* third-color */
$light-orange: #ff9e64;
$third-color: $light-orange;
.third-color-tx{
  color:$light-orange;
}
.third-color-bg{
  background-color:$light-orange;
}
.third-color-bd{
  border-color:$light-orange;
}

/* fourth-color */
$dark-yellow: #f5be22;
$fourth-color: $dark-yellow;
.fourth-color-tx{
  color:$dark-yellow;
}
.fourth-color-bg{
  background-color:$dark-yellow;
}
.fourth-color-bd{
  border-color:$dark-yellow;
}

/* fifth-color */
$yellow: #ffcf06;
$fifth-color: $yellow;
.fifth-color-tx{
  color:$yellow;
}
.fifth-color-bg{
  background-color:$yellow;
}
.fifth-color-bd{
  border-color:$yellow;
}

/* sixth color */
$light-yellow: #fade68;
$sixth-color: $light-yellow;
.sixth-color-tx{
  color:$light-yellow;
}
.sixth-color-bg{
  background-color:$light-yellow;
}
.sixth-color-bd{
  border-color:$light-yellow;
}

/* sevent color */
$green: #4dba7a;
$seventh-color: $green;
.seventh-color-tx{
  color:$green;
}
.seventh-color-bg{
  background-color:$green;
}
.seventh-color-bd{
  border-color:$green;
}

/* eight color */
$light-green: #aaceb9;
$eighth-color: $light-green;
.eighth-color-tx{
  color:$light-green;
}
.eighth-color-bg{
  background-color:$light-green;
}
.eighth-color-bd{
  border-color:$light-green;
}

/* ninth color */
$dark-brown: #4c4b3a;
$ninth-color: $dark-brown;
.ninth-color-tx{
  color:$dark-brown;
}
.ninth-color-bg{
  background-color:$dark-brown;
}
.ninth-color-bd{
  border-color:$dark-brown;
}

/* tenth color */
$brown: #818072;
$tenth-color: $brown;
.tenth-color-tx{
  color:$brown;
}
.tenth-color-bg{
  background-color:$brown;
}
.tenth-color-bd{
  border-color:$brown;
}

/* eleventh color */
$light-grey: #d1d1bd;
$eleventh-color: $light-grey;
.eleventh-color-tx{
  color:$light-grey;
}
.eleventh-color-bg{
  background-color:$light-grey;
}
.eleventh-color-bd{
  border-color:$light-grey;
}

/* Ruby generated colors */
$red: <%= 'red' %>;

/* Black & White and couple shades of grey */
$white: #ffffff;
$lighter-grey: #999;
$mid-grey: #777;
$grey: #666;
$dark-grey: #333;
$black: #000;

$transparent: transparent;

// is that cross browser?
$outline-color: -webkit-focus-ring-color;

/* Some very specific colors we might get rid */
$extra-bright-orange: #f57b1e;
$extra-white: #f2f2eb;