From a7308582a010358b53a4f66699d73bc8bec3e8b0 Mon Sep 17 00:00:00 2001 From: mirzaev Date: Sun, 7 Dec 2025 14:08:14 +0700 Subject: [PATCH] =?UTF-8?q?sp=D1=8Drma?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/award.css | 44 ++++++++++++++++++++++++++++++++++++++++ css/ethernet.css | 34 +++++++++++++++++++++++++++++++ css/gift.css | 51 +++++++++++++++++++++++++++++++++++++++++++++++ css/list_tree.css | 34 +++++++++++++++++++++++++++++++ css/phone.css | 47 +++++++++++++++++++++++++++++++++++++++++++ css/terminal.css | 37 ++++++++++++++++++++++++++++++++++ css/trend.css | 38 +++++++++++++++++++++++++++++++++++ css/trophy.css | 41 +++++++++++++++++++++++++++++++++++++ 8 files changed, 326 insertions(+) create mode 100644 css/award.css create mode 100644 css/ethernet.css create mode 100644 css/gift.css create mode 100644 css/list_tree.css create mode 100644 css/phone.css create mode 100644 css/terminal.css create mode 100644 css/trend.css create mode 100644 css/trophy.css diff --git a/css/award.css b/css/award.css new file mode 100644 index 0000000..eec929f --- /dev/null +++ b/css/award.css @@ -0,0 +1,44 @@ +@charset "UTF-8"; + +i.icon.award { + position: relative; + width: 16px; + height: 20px; + box-sizing: border-box; + display: block; + border: 4px solid transparent; + border-top: 12px solid transparent; + border-bottom: 0; + box-shadow: + inset 4px 0 0 -2px, + inset -4px 0 0 -2px; + + &::after, + &::before { + position: absolute; + content: ""; + box-sizing: border-box; + display: block; + border: 2px solid; + } + + &::before { + top: -12px; + left: -3px; + width: 14px; + height: 14px; + border-radius: 22px; + } + + &::after { + bottom: -3px; + left: 1px; + width: 6px; + height: 6px; + border-bottom-left-radius: 1px; + border-top-right-radius: 1px; + border-right-color: transparent; + border-bottom-color: transparent; + transform: rotate(45deg); + } +} diff --git a/css/ethernet.css b/css/ethernet.css new file mode 100644 index 0000000..d8e89b0 --- /dev/null +++ b/css/ethernet.css @@ -0,0 +1,34 @@ +@charset "UTF-8"; + +i.icon.ethernet { + position: relative; + width: 16px; + height: 20px; + box-sizing: border-box; + display: block; + border: 2px solid; + box-shadow: 0 10px 0 -7px; + + &::after, + &::before { + position: absolute; + top: 6px; + content: ""; + box-sizing: border-box; + display: block; + } + &::before { + left: 2px; + width: 8px; + height: 8px; + border: 2px solid; + border-top: 0; + } + &::after { + left: -2px; + width: 16px; + height: 2px; + border-left: 6px solid; + border-right: 6px solid; + } +} diff --git a/css/gift.css b/css/gift.css new file mode 100644 index 0000000..7c1e04a --- /dev/null +++ b/css/gift.css @@ -0,0 +1,51 @@ +@charset "UTF-8"; + +i.icon.gift { + position: relative; + margin-top: 8px; + width: 22px; + height: 14px; + box-sizing: border-box; + display: block; + border: 2px solid transparent; + background: + linear-gradient(to left, currentColor 10px, transparent 0), + linear-gradient(to left, currentColor 10px, transparent 0), + linear-gradient(to left, currentColor 10px, transparent 0); + background-position: + 8px 0, + 18px -8px, + -2px -8px; + background-repeat: no-repeat; + background-size: + 2px 10px, + 2px 10px, + 2px 10px; + box-shadow: + inset 2px 0 0, + inset -2px 0 0, + 0 -2px 0, + inset 0 2px 0, + inset 0 -2px 0; + + &::after, + &::before { + position: absolute; + top: -10px; + content: ""; + width: 6px; + height: 8px; + box-sizing: border-box; + display: block; + border-radius: 3px; + border: 2px solid; + } + &::after { + left: 3px; + transform: rotate(-45deg); + } + &::before { + right: 3px; + transform: rotate(45deg); + } +} diff --git a/css/list_tree.css b/css/list_tree.css new file mode 100644 index 0000000..7f8b0d8 --- /dev/null +++ b/css/list_tree.css @@ -0,0 +1,34 @@ +@charset "UTF-8"; + +i.icon.list.tree { + position: relative; + width: 22px; + height: 22px; + box-sizing: border-box; + display: block; + background: + linear-gradient(to left, currentcolor 8px, transparent 0) no-repeat left + top/8px 8px, + linear-gradient(to left, currentcolor 8px, transparent 0) no-repeat center + 3px/8px 2px, + linear-gradient(to left, currentcolor 8px, transparent 0) no-repeat 10px + 17px/6px 2px, + linear-gradient(to left, currentcolor 8px, transparent 0) no-repeat 10px + 3px/2px 16px; + + &::after, + &::before { + position: absolute; + right: 0; + content: ''; + width: 8px; + height: 8px; + box-sizing: border-box; + display: block; + border: 2px solid; + } + + &::after { + bottom: 0; + } +} diff --git a/css/phone.css b/css/phone.css new file mode 100644 index 0000000..f6b86d4 --- /dev/null +++ b/css/phone.css @@ -0,0 +1,47 @@ +@charset "UTF-8"; + +i.icon.phone { + position: relative; + width: 22px; + height: 22px; + box-sizing: border-box; + display: block; + + &::after, + &::before { + position: absolute; + content: ''; + box-sizing: border-box; + display: block; + } + + &::after { + bottom: 2px; + left: 2px; + width: 18px; + height: 18px; + border-top-left-radius: 1px; + border-bottom-right-radius: 1px; + border-bottom-left-radius: 12px; + border-bottom: 4px solid; + border-left: 4px solid; + background: + linear-gradient(to left, currentColor 10px, transparent 0) no-repeat right + 11px/6px 4px, + linear-gradient(to left, currentColor 10px, transparent 0) no-repeat -1px + 0/4px 6px; + } + + &::before { + bottom: 2px; + left: 2px; + width: 20px; + height: 20px; + border: 6px double; + border-radius: 50%; + border-top-color: transparent; + border-bottom-color: transparent; + border-left-color: transparent; + transform: rotate(-45deg); + } +} diff --git a/css/terminal.css b/css/terminal.css new file mode 100644 index 0000000..ba5c7fa --- /dev/null +++ b/css/terminal.css @@ -0,0 +1,37 @@ +@charset "UTF-8"; + +i.icon.terminal { + position: relative; + width: 24px; + height: 20px; + box-sizing: border-box; + display: block; + border-radius: 2px; + border: 2px solid; + + &::after, + &::before { + position: absolute; + content: ''; + display: block; + box-sizing: border-box; + } + + &::before { + top: 5px; + left: 3px; + width: 6px; + height: 6px; + border-right: 2px solid; + border-bottom: 2px solid; + transform: rotate(-45deg); + } + + &::after { + top: 10px; + left: 11px; + width: 4px; + height: 2px; + background-color: currentColor; + } +} diff --git a/css/trend.css b/css/trend.css new file mode 100644 index 0000000..3a98aa2 --- /dev/null +++ b/css/trend.css @@ -0,0 +1,38 @@ +@charset "UTF-8"; + +i.icon.trend { + position: relative; + width: 10px; + height: 8px; + box-sizing: border-box; + display: block; + border-top: 2px solid; + border-right: 2px solid; + transform: rotate(-45deg); + + &::after, + &::before { + position: absolute; + content: ""; + box-sizing: border-box; + display: block; + } + + &::before { + bottom: 0; + left: 8px; + width: 10px; + height: 2px; + background-color: currentColor; + } + + &::after { + right: -14px; + bottom: -3px; + width: 0; + height: 0; + border-top: 4px solid transparent; + border-bottom: 4px solid transparent; + border-left: 6px solid; + } +} diff --git a/css/trophy.css b/css/trophy.css new file mode 100644 index 0000000..653d141 --- /dev/null +++ b/css/trophy.css @@ -0,0 +1,41 @@ +@charset "UTF-8"; + +i.icon.trophy { + position: relative; + width: 10px; + height: 12px; + box-sizing: border-box; + display: block; + border-bottom-right-radius: 100px; + border-bottom-left-radius: 100px; + border: 2px solid; + + &::after, + &::before { + position: absolute; + content: ''; + box-sizing: border-box; + display: block; + } + + &::before { + bottom: -4px; + left: 0; + width: 6px; + height: 4px; + border-right: 2px solid transparent; + border-left: 2px solid transparent; + box-shadow: + inset 0 0 0 2px, + 0 2px 0 0; + } + + &::after { + top: 0; + left: -5px; + width: 16px; + height: 6px; + border-right: 2px solid; + border-left: 2px solid; + } +}