Half Color Font

by Sarah Godoshian

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div class="half-font">
  <span class="glyphicon glyphicon-sort"></span>
  <span class="glyphicon glyphicon-sort"></span>
</div>

CSS

.half-font span{
    font-size: 20px;
    font-weight: bold;
    display:inline-block;
    width: 10px;
    overflow: hidden;
}


.half-font > span{
    color: #dddddd;
}
.half-font > span + span{
   color: blue;
   text-indent: -10px;
}