From cae2ed1a6c84ce305d9e3ea5f460a487f6b3fe5c Mon Sep 17 00:00:00 2001 From: mirzaev Date: Sun, 23 Nov 2025 17:35:49 +0700 Subject: [PATCH] added icons and moved to the `css` directory --- arrow.css => css/arrow.css | 0 arrow_circle.css => css/arrow_circle.css | 0 calculator.css => css/calculator.css | 0 close.css => css/close.css | 0 css/code_slash.css | 36 +++++++++++++++ css/coffe.css | 46 +++++++++++++++++++ comment.css => css/comment.css | 0 corner.css => css/corner.css | 0 display_grid.css => css/display_grid.css | 0 enter.css => css/enter.css | 0 hashtag.css => css/hashtag.css | 0 house.css => css/house.css | 0 house_panelka.css => css/house_panelka.css | 0 layout_grid.css => css/layout_grid.css | 0 list_add.css => css/list_add.css | 0 .../loading_spinner.css | 0 minus.css => css/minus.css | 0 pen.css => css/pen.css | 0 pin.css => css/pin.css | 0 plus.css => css/plus.css | 0 search.css => css/search.css | 0 share.css => css/share.css | 0 shopping_bag.css => css/shopping_bag.css | 0 shopping_cart.css => css/shopping_cart.css | 0 site.css => css/site.css | 0 smile.css => css/smile.css | 0 css/telegram.css | 33 +++++++++++++ trash.css => css/trash.css | 0 user.css => css/user.css | 0 29 files changed, 115 insertions(+) rename arrow.css => css/arrow.css (100%) rename arrow_circle.css => css/arrow_circle.css (100%) rename calculator.css => css/calculator.css (100%) rename close.css => css/close.css (100%) create mode 100644 css/code_slash.css create mode 100644 css/coffe.css rename comment.css => css/comment.css (100%) rename corner.css => css/corner.css (100%) rename display_grid.css => css/display_grid.css (100%) rename enter.css => css/enter.css (100%) rename hashtag.css => css/hashtag.css (100%) rename house.css => css/house.css (100%) rename house_panelka.css => css/house_panelka.css (100%) rename layout_grid.css => css/layout_grid.css (100%) rename list_add.css => css/list_add.css (100%) rename loading_spinner.css => css/loading_spinner.css (100%) rename minus.css => css/minus.css (100%) rename pen.css => css/pen.css (100%) rename pin.css => css/pin.css (100%) rename plus.css => css/plus.css (100%) rename search.css => css/search.css (100%) rename share.css => css/share.css (100%) rename shopping_bag.css => css/shopping_bag.css (100%) rename shopping_cart.css => css/shopping_cart.css (100%) rename site.css => css/site.css (100%) rename smile.css => css/smile.css (100%) create mode 100644 css/telegram.css rename trash.css => css/trash.css (100%) rename user.css => css/user.css (100%) diff --git a/arrow.css b/css/arrow.css similarity index 100% rename from arrow.css rename to css/arrow.css diff --git a/arrow_circle.css b/css/arrow_circle.css similarity index 100% rename from arrow_circle.css rename to css/arrow_circle.css diff --git a/calculator.css b/css/calculator.css similarity index 100% rename from calculator.css rename to css/calculator.css diff --git a/close.css b/css/close.css similarity index 100% rename from close.css rename to css/close.css diff --git a/css/code_slash.css b/css/code_slash.css new file mode 100644 index 0000000..a83352d --- /dev/null +++ b/css/code_slash.css @@ -0,0 +1,36 @@ +@charset "UTF-8"; + +i.icon.code.slash { + position: relative; + width: 2px; + height: 16px; + box-sizing: border-box; + display: block; + transform: rotate(15deg); + background: currentColor; + + &::after, + &::before { + position: absolute; + content: ""; + width: 8px; + height: 8px; + box-sizing: border-box; + display: block; + transform: rotate(-60deg); + } + + &::before { + top: 5px; + left: -8px; + border-top: 2px solid; + border-left: 2px solid; + } + + &::after { + top: 3px; + right: -8px; + border-right: 2px solid; + border-bottom: 2px solid; + } +} diff --git a/css/coffe.css b/css/coffe.css new file mode 100644 index 0000000..43a91e9 --- /dev/null +++ b/css/coffe.css @@ -0,0 +1,46 @@ +@charset "UTF-8"; + +i.icon.coffe { + position: relative; + margin-top: 3px; + margin-left: -4px; + width: 18px; + height: 14px; + box-sizing: border-box; + display: block; + border-radius: 6px; + border-top-left-radius: 0; + border-top-right-radius: 0; + border: 2px solid; + + &::after, + &::before { + content: ""; + position: absolute; + box-sizing: border-box; + display: block; + } + + &::before { + top: -7px; + left: 2px; + width: 2px; + height: 4px; + border-radius: 3px; + background: currentColor; + box-shadow: + 4px 0 0, + 8px 0 0; + } + + &::after { + top: -1px; + right: -6px; + width: 6px; + height: 8px; + border-radius: 100px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border: 2px solid; + } +} diff --git a/comment.css b/css/comment.css similarity index 100% rename from comment.css rename to css/comment.css diff --git a/corner.css b/css/corner.css similarity index 100% rename from corner.css rename to css/corner.css diff --git a/display_grid.css b/css/display_grid.css similarity index 100% rename from display_grid.css rename to css/display_grid.css diff --git a/enter.css b/css/enter.css similarity index 100% rename from enter.css rename to css/enter.css diff --git a/hashtag.css b/css/hashtag.css similarity index 100% rename from hashtag.css rename to css/hashtag.css diff --git a/house.css b/css/house.css similarity index 100% rename from house.css rename to css/house.css diff --git a/house_panelka.css b/css/house_panelka.css similarity index 100% rename from house_panelka.css rename to css/house_panelka.css diff --git a/layout_grid.css b/css/layout_grid.css similarity index 100% rename from layout_grid.css rename to css/layout_grid.css diff --git a/list_add.css b/css/list_add.css similarity index 100% rename from list_add.css rename to css/list_add.css diff --git a/loading_spinner.css b/css/loading_spinner.css similarity index 100% rename from loading_spinner.css rename to css/loading_spinner.css diff --git a/minus.css b/css/minus.css similarity index 100% rename from minus.css rename to css/minus.css diff --git a/pen.css b/css/pen.css similarity index 100% rename from pen.css rename to css/pen.css diff --git a/pin.css b/css/pin.css similarity index 100% rename from pin.css rename to css/pin.css diff --git a/plus.css b/css/plus.css similarity index 100% rename from plus.css rename to css/plus.css diff --git a/search.css b/css/search.css similarity index 100% rename from search.css rename to css/search.css diff --git a/share.css b/css/share.css similarity index 100% rename from share.css rename to css/share.css diff --git a/shopping_bag.css b/css/shopping_bag.css similarity index 100% rename from shopping_bag.css rename to css/shopping_bag.css diff --git a/shopping_cart.css b/css/shopping_cart.css similarity index 100% rename from shopping_cart.css rename to css/shopping_cart.css diff --git a/site.css b/css/site.css similarity index 100% rename from site.css rename to css/site.css diff --git a/smile.css b/css/smile.css similarity index 100% rename from smile.css rename to css/smile.css diff --git a/css/telegram.css b/css/telegram.css new file mode 100644 index 0000000..619a682 --- /dev/null +++ b/css/telegram.css @@ -0,0 +1,33 @@ +@charset "UTF-8"; + +i.icon.telegram { + position: relative; + width: 24px; + height: 24px; + background-color: transparent; + + &::before { + top: 2px; + left: 2px; + position: absolute; + content: ""; + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #fff; + } + + &::after { + top: 7px; + left: 9px; + position: absolute; + content: ""; + width: 0; + height: 0; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-bottom: 8px solid currentColor; + color: #ffffff; + transform: rotate(-30deg); + } +} diff --git a/trash.css b/css/trash.css similarity index 100% rename from trash.css rename to css/trash.css diff --git a/user.css b/css/user.css similarity index 100% rename from user.css rename to css/user.css