diff options
| author | muqiuhan <[email protected]> | 2023-02-28 09:58:51 +0000 |
|---|---|---|
| committer | muqiuhan <[email protected]> | 2023-02-28 09:58:51 +0000 |
| commit | 7e2f3fca091c08771486df0b870ce187f869d363 (patch) | |
| tree | 025e1b18a0d94c940a85eb631a7f48951efbc18d /css/component/icon.css | |
| parent | 2605fd54aa163fcfc97fc265a300b1b54bf38543 (diff) | |
| download | blog-7e2f3fca091c08771486df0b870ce187f869d363.tar.gz | |
deploy: b780169745c17f9fc971299e923e5ca5669b5a22
Diffstat (limited to 'css/component/icon.css')
| -rw-r--r-- | css/component/icon.css | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/css/component/icon.css b/css/component/icon.css new file mode 100644 index 00000000..c7dbd0ab --- /dev/null +++ b/css/component/icon.css @@ -0,0 +1,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"); +} |