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

.icon {
  display: block;
  background-color: $color-text-primary;
  width: $icon-size;
  height: $icon-size;
}
.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");
}