css/component/icon.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

.icon {
  display: inline;
  background-color: $color-icon-background;
  width: 3em;
  height: auto;
  float: right;
}
.arrow-up {
  -webkit-mask-image: url("../icon/arrow-up.svg");
  mask-image: url("../icon/arrow-up.svg");
}
.arrow-left {
  -webkit-mask-image: url("../icon/arrow-left.svg");
  mask-image: url("../icon/arrow-left.svg");
}
.arrow-right {
  -webkit-mask-image: url("../icon/arrow-right.svg");
  mask-image: url("../icon/arrow-right.svg");
}
.close-btn {
  -webkit-mask-image: url("../icon/close-btn.svg");
  mask-image: url("../icon/close-btn.svg");
}