From 3b3813315a92d0505c04197386baf618aaaed6e2 Mon Sep 17 00:00:00 2001 From: Arsen Mirzaev Tatyano-Muradovich Date: Wed, 31 Dec 2025 14:07:58 +0500 Subject: [PATCH] infinity + lightning --- css/infinity.css | 40 ++++++++++++++++++++++++++++++++++++++++ css/lightning.css | 34 ++++++++++++++++++++++++++++++++++ 2 files changed, 74 insertions(+) create mode 100755 css/infinity.css create mode 100755 css/lightning.css diff --git a/css/infinity.css b/css/infinity.css new file mode 100755 index 0000000..60c6b26 --- /dev/null +++ b/css/infinity.css @@ -0,0 +1,40 @@ +@charset "UTF-8"; + +i.icon.infinity { + position: relative; + width: 10px; + height: 18px; + box-sizing: border-box; + display: block; + border: 4px solid transparent; + background: + linear-gradient(to left, currentColor 5px, transparent 0) no-repeat -4px 4px/2px 2px, + linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 4px 4px/2px 2px; + box-shadow: inset 0 0 0 2px; + transform: rotate(-45deg); + + &:after, + &:before { + content: ''; + position: absolute; + width: 10px; + height: 10px; + box-sizing: border-box; + display: block; + border-radius: 200px; + border: 2px solid; + transform: rotate(45deg); + } + + &:after { + top: -4px; + left: -8px; + border-right-color: transparent; + } + + &:before { + top: 4px; + right: -8px; + border-left-color: transparent; + } +} diff --git a/css/lightning.css b/css/lightning.css new file mode 100755 index 0000000..8ebcdae --- /dev/null +++ b/css/lightning.css @@ -0,0 +1,34 @@ +@charset "UTF-8"; + +i.icon.lightning { + position: relative; + width: 6px; + height: 21px; + box-sizing: border-box; + display: block; + + &:after, + &:before { + position: absolute; + content: ''; + width: 0; + height: 0; + box-sizing: border-box; + display: block; + border-right: 3px solid transparent; + border-left: 3px solid transparent; + transform: rotate(30deg); + } + + &:before { + top: 0; + left: 0; + border-bottom: 12px solid; + } + + &:after { + right: 0; + bottom: 0; + border-top: 12px solid; + } +}