@import url(http://fonts.lug.ustc.edu.cn/css?family=Source+Sans+Pro:200);
body {
  background: #F8F8F8;
}
.ios8 {
  display: block;
  background: #FFF;
  margin: 30px auto;
  width: 1em;
  height: 1em;
  border: 1px solid #DDD;
  border-radius: .25em;
  
  font-family: 'Source Sans Pro', sans-serif;
  text-align: center;
  font-size: 80px;
  line-height: .95em;
  
  background-color: #fff;
  
  &:after {
    content: '8';
    background-image:
      linear-gradient(right bottom, #2562E8 25%, transparent 32%),
      linear-gradient(left bottom, #00F3B7 25%, transparent 33%),
      linear-gradient(left top, #FFCA21 32%, #FF4C19 55%, #00A7EA 70%);
    background-clip: text;
    color: transparent;
    transition: 2s all;
  }
  
  &.size-m { font-size: 200px; }
  &.size-l { font-size: 300px; }
  &.size-xl { font-size: 500px; }
  
  &:hover:after {
    color: #00F3B7;
  }
}