======встроенные функции======
<sxh scss; title: index.scss>
$color: #abd3ff;
.col {

  color: darken($color,80%);//затемнить
  color: lighten($color,1%);//осветлить
  transition: border-bottom 1s;
  border-bottom: 1px solid transparentize(red, 1);//rgba(,,,1)
  &:hover{
    border-bottom: 1px solid transparentize(red, .5);//rgba(,,,0.5)
  }
}
</sxh>

<sxh css; title: index.css>
.col {
  color: #000912;
  color: #b0d6ff;
  -webkit-transition: border-bottom 1s;
  transition: border-bottom 1s;
  border-bottom: 1px solid rgba(255, 0, 0, 0); }
  .col:hover {
    border-bottom: 1px solid rgba(255, 0, 0, 0.5); }
</sxh>