/*---
title:   Icon
section: Base CSS
---

Icon styles can be applied to any element. Typically you'll want to use
either a `<i>` or an `<a>` element:

```example:html
<i class="icon"></i>
```
*/
.icon {
	background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
	&::before {
	  position: absolute;
	  top: 50%;
	  width: 20px;
	  height: 20px;
	  line-height: 20px;
	  margin-top: -10px;
	  font-size: 14px;
	}
}