From 40b825cb0fef350c7a5dc914ec843c6255be5ba5 Mon Sep 17 00:00:00 2001
From: lytrankieio123 <lytran@kie.io>
Date: Wed, 15 Sep 2021 16:57:43 +0700
Subject: [PATCH] :art: styles: set default bg for banner large

:%s
---
 src/components/common/Banner/BannerItem/BannerItem.module.scss | 3 +++
 src/components/common/Banner/BannerItem/pattern.svg            | 1 +
 2 files changed, 4 insertions(+)
 create mode 100644 src/components/common/Banner/BannerItem/pattern.svg

diff --git a/src/components/common/Banner/BannerItem/BannerItem.module.scss b/src/components/common/Banner/BannerItem/BannerItem.module.scss
index 9331a7aff..5a37e252a 100644
--- a/src/components/common/Banner/BannerItem/BannerItem.module.scss
+++ b/src/components/common/Banner/BannerItem/BannerItem.module.scss
@@ -5,6 +5,9 @@
   padding: 0;
   &.large {
     margin-bottom: 2.8rem;
+    background-image: url("./pattern.svg");
+    background-repeat: repeat;
+    background-size: auto;
     .inner {
       background-size: cover;
       background-position: center bottom;
diff --git a/src/components/common/Banner/BannerItem/pattern.svg b/src/components/common/Banner/BannerItem/pattern.svg
new file mode 100644
index 000000000..fab63f17f
--- /dev/null
+++ b/src/components/common/Banner/BannerItem/pattern.svg
@@ -0,0 +1 @@
+<svg width="189" height="189" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M160.193 145.157c4.386 7.592 2.309 13.582-6.434 18.634-8.087 4.672-14.97 3.859-19.356-3.732l-2.39-5.145-13.263-33.045c-3.074-8.349-5.756-15.008.145-18.418 5.246-3.031 9.894 2.492 15.592 9.325l22.442 27.741 3.264 4.64Z" fill="#fff" stroke="#5B9A74" strokeWidth="2"/><path d="m155.278 138.896-10.986 5.699M133.65 135.166l-7.223 5.472M136.762 115.838l-8.965 5.829" stroke="#5B9A74" strokeWidth="2"/><path d="M168.298 164.368c1.78 1.087 1.932 2.928.478 5.723-1.344 2.586-2.986 3.609-4.766 2.522l-1.074-.84-6.429-5.766c-1.562-1.506-2.86-2.667-1.879-4.553.872-1.677 2.497-1.146 4.495-.478l7.955 2.831 1.22.561ZM147.824 178.268c.196 2.224 1.759 3.24 4.854 3.163 2.863-.071 4.472-1.166 4.276-3.391l-.281-1.43-2.336-8.905c-.66-2.214-1.129-4.009-3.218-3.957-1.857.046-2.085 1.859-2.353 4.095l-.913 8.987-.029 1.438Z" fill="#fff" stroke="#5B9A74" strokeWidth="2"/><path d="M166.493 174.53c1.358 2.352.368 4.408-3.071 6.395-3.18 1.837-5.714 1.818-7.073-.534l-.704-1.615-3.743-10.448c-.843-2.65-1.601-4.755.72-6.096 2.063-1.192 3.594.466 5.469 2.52l7.354 8.362 1.048 1.416Z" fill="#fff" stroke="#5B9A74" strokeWidth="2"/><path d="m156.641 159.227-.408.099a14.43 14.43 0 0 0-8.516 5.882" stroke="#5B9A74" strokeWidth="2"/><path d="M142.112 25.923c6.745 10.277 3.104 10.25 17.526 17.101l-1.347 3.739c-2.675-.938-9.705-2.696-11.843-5.953-2.673-4.072 4.791 9.391 8.324 12.334 2.827 2.354-.711 4.145-3.59 4.29-.871.044-8.355-13.421-8.929-14.998-.575-1.577 1.856 8.906 3.958 13.853l-5.732.339c-.164-3.197-1.55-8.797-5.08-13.1-5.286-6.443-10.96-7.136-5.444-13.607 2.525-2.962 9.959-7.346 12.157-3.998Z" fill="#fff" stroke="#5B9A74" strokeWidth="2"/><mask id="a" fill="#fff"><path fillRule="evenodd" clipRule="evenodd" d="M164.818 73.434a10.704 10.704 0 0 0 4.833-9.118 8.446 8.446 0 0 0 5.346-12.085c3.441-3.36 4.176-8.724 1.489-12.818-3.059-4.66-9.393-5.907-14.149-2.786a10.374 10.374 0 0 0-4.466 6.468 10.788 10.788 0 0 0-5.551 1.772 10.816 10.816 0 0 0-4.839 7.996 7.684 7.684 0 0 0-5.092 1.218 7.73 7.73 0 0 0-1.634 1.437 9.54 9.54 0 0 0-8.676.929c-4.411 2.895-5.64 8.818-2.745 13.228a9.557 9.557 0 0 0 10.139 4.069 8.819 8.819 0 0 0 14.523.24 10.71 10.71 0 0 0 10.822-.55Z"/></mask><path fillRule="evenodd" clipRule="evenodd" d="M164.818 73.434a10.704 10.704 0 0 0 4.833-9.118 8.446 8.446 0 0 0 5.346-12.085c3.441-3.36 4.176-8.724 1.489-12.818-3.059-4.66-9.393-5.907-14.149-2.786a10.374 10.374 0 0 0-4.466 6.468 10.788 10.788 0 0 0-5.551 1.772 10.816 10.816 0 0 0-4.839 7.996 7.684 7.684 0 0 0-5.092 1.218 7.73 7.73 0 0 0-1.634 1.437 9.54 9.54 0 0 0-8.676.929c-4.411 2.895-5.64 8.818-2.745 13.228a9.557 9.557 0 0 0 10.139 4.069 8.819 8.819 0 0 0 14.523.24 10.71 10.71 0 0 0 10.822-.55Z" fill="#fff"/><path d="m169.651 64.316-.506-1.935-1.516.397.023 1.566 1.999-.028Zm-4.833 9.118 1.097 1.672-1.097-1.672Zm10.179-21.203L173.6 50.8l-1.066 1.04.692 1.32 1.771-.93Zm1.489-12.818 1.672-1.097-1.672 1.097Zm-18.615 3.682.071 1.999 1.552-.055.331-1.518-1.954-.426Zm-10.39 9.768-.224 1.988 2.014.226.2-2.016-1.99-.198Zm-6.726 2.655-.718 1.867 1.319.507.919-1.074-1.52-1.3Zm-1.282 18.226 1.666-1.108-.767-1.153-1.349.312.45 1.949Zm12.182 2.488 1.097 1.672-1.097-1.672Zm2.341-2.248.922-1.775-1.542-.8-1.008 1.413 1.628 1.162Zm13.656-9.64a8.705 8.705 0 0 1-3.932 7.418l2.195 3.344a12.704 12.704 0 0 0 5.736-10.819l-3.999.057Zm3.397-2.812a6.443 6.443 0 0 1-1.904.849l1.013 3.87a10.443 10.443 0 0 0 3.086-1.375l-2.195-3.344Zm2.177-8.372a6.446 6.446 0 0 1-2.177 8.372l2.195 3.344c4.532-2.975 5.99-8.87 3.524-13.574l-3.542 1.858Zm1.588-12.65c2.136 3.256 1.576 7.566-1.214 10.29l2.794 2.862c4.093-3.996 5.001-10.414 1.764-15.346l-3.344 2.195ZM163.435 38.3c3.864-2.536 8.947-1.493 11.379 2.212l3.344-2.195c-3.686-5.616-11.271-7.068-16.918-3.361l2.195 3.344Zm-3.61 5.222a8.374 8.374 0 0 1 3.61-5.222l-2.195-3.344a12.375 12.375 0 0 0-5.323 7.715l3.908.851Zm-6.408 3.018a8.792 8.792 0 0 1 4.525-1.445l-.142-3.998a12.788 12.788 0 0 0-6.577 2.1l2.194 3.343Zm-3.946 6.522a8.819 8.819 0 0 1 3.946-6.522l-2.194-3.344a12.813 12.813 0 0 0-5.732 9.47l3.98.396Zm-5.985 2.692a5.685 5.685 0 0 1 3.771-.902l.447-3.975a9.686 9.686 0 0 0-6.413 1.533l2.195 3.344Zm-1.211 1.065c.341-.4.745-.76 1.211-1.065l-2.195-3.344a9.726 9.726 0 0 0-2.056 1.81l3.04 2.599Zm-9.099 1.301a7.54 7.54 0 0 1 6.861-.734l1.435-3.734a11.54 11.54 0 0 0-10.491 1.124l2.195 3.344Zm-2.17 10.46a7.554 7.554 0 0 1 2.17-10.46l-2.195-3.344c-5.334 3.501-6.82 10.664-3.319 15.998l3.344-2.195Zm8.017 3.216a7.558 7.558 0 0 1-8.017-3.217l-3.344 2.195c2.731 4.16 7.686 5.977 12.262 4.92l-.901-3.898Zm11.535 2.765a6.819 6.819 0 0 1-9.419-1.924l-3.331 2.215c3.291 4.95 9.968 6.32 14.944 3.053l-2.194-3.344Zm1.81-1.738a6.803 6.803 0 0 1-1.81 1.738l2.194 3.344a10.788 10.788 0 0 0 2.873-2.76l-3.257-2.322Zm11.352-1.06a8.707 8.707 0 0 1-8.802.447l-1.843 3.55a12.708 12.708 0 0 0 12.84-.653l-2.195-3.344Z" fill="#5B9A74" mask="url(#a)"/><path d="M170.929 48.096c.046-1.633-.77-4.94-3.798-5.206-4.098-.36-4.107 3.5-4.121 4.178M142.48 59.995c-1.269-.364-3.985-.406-4.683 1.851-.944 3.054 2.071 3.837 2.599 3.984M153.411 61.794c-.936-1.067-3.397-2.142-5.254-.533-2.83 2.452-1.225 4.594-.355 5.613M165.238 55.144c-1.053-1.133-3.2-3.317-6.135-1.005-3.126 2.463-.568 5.073-.127 5.54" stroke="#5B9A74" strokeWidth="2" stroke-linejoin="round"/><path d="M33.211 138.192c1.423-5.618 5.075-7.522 11.347-5.934 5.802 1.469 8.579 5.001 7.157 10.618l-1.23 3.542-8.855 21.791c-2.364 5.38-4.144 9.775-8.378 8.703-3.763-.953-3.394-5.706-2.913-11.562l2.27-23.458.602-3.7Z" fill="#fff" stroke="#5B9A74" strokeWidth="2"/><path d="m32.63 143.42 7.59 2.305M40.824 155.074l5.768.694M30.682 162.852l6.724 1.319" stroke="#5B9A74" strokeWidth="2"/><path d="M38.178 125.345c-.322-1.331.44-2.277 2.365-2.944 1.78-.617 2.992-.354 3.314.976l.112.891.334 5.682c.034 1.43.103 2.576-1.197 3.026-1.155.4-1.657-.595-2.268-1.826l-2.356-4.981-.304-.824ZM53.8 128.079c.914-1.149.659-2.346-.79-3.723-1.34-1.274-2.568-1.488-3.483-.339l-.517.809-2.951 5.308c-.698 1.355-1.294 2.424-.316 3.354.868.826 1.79.066 2.922-.876l4.473-3.861.662-.672Z" fill="#fff" stroke="#5B9A74" strokeWidth="2"/><path d="M43.588 121.331c.44-1.74 1.821-2.267 4.288-1.642 2.282.578 3.43 1.745 2.99 3.485l-.408 1.09-3.005 6.685c-.81 1.646-1.414 2.995-3.08 2.573-1.48-.375-1.43-1.864-1.36-3.698l.415-7.34.16-1.153Z" fill="#fff" stroke="#5B9A74" strokeWidth="2"/><path d="m41.182 133.115.223.134a9 9 0 0 0 6.551 1.094" stroke="#5B9A74" strokeWidth="2"/><path d="M67.737 92.065C58 76.85 63.352 76.951 42.274 66.636l2.045-5.47c3.914 1.424 14.215 4.127 17.301 8.95 3.858 6.028-6.88-13.883-12.022-18.268-4.113-3.507 1.116-6.079 5.35-6.242 1.28-.05 12.047 19.864 12.865 22.192.817 2.327-2.576-13.12-5.58-20.424l8.428-.4c.187 4.7 2.128 12.953 7.24 19.335 7.659 9.559 15.984 10.674 7.768 20.09-3.76 4.309-14.76 10.624-17.932 5.666Z" fill="#fff" stroke="#5B9A74" strokeWidth="2"/><mask id="b" fill="#fff"><path fillRule="evenodd" clipRule="evenodd" d="M35.184 21.863c-4.709 3.012-7.273 8.112-7.26 13.316a12.399 12.399 0 0 0-3.685 1.592c-5.424 3.47-7.24 10.455-4.377 16.075-5.114 4.878-6.285 12.748-2.406 18.81 4.415 6.9 13.702 8.841 20.743 4.336a15.244 15.244 0 0 0 6.673-9.428 15.854 15.854 0 0 0 8.188-2.51 15.898 15.898 0 0 0 7.248-11.667c2.533.315 5.186-.22 7.503-1.703a11.344 11.344 0 0 0 2.427-2.084 14.02 14.02 0 0 0 12.764-1.218c6.531-4.178 8.438-12.86 4.259-19.392-3.258-5.09-9.252-7.372-14.83-6.15-3.874-5.976-11.851-7.709-17.858-3.866a12.926 12.926 0 0 0-3.48 3.265c-4.859-2.593-10.94-2.556-15.91.623Z"/></mask><path fillRule="evenodd" clipRule="evenodd" d="M35.184 21.863c-4.709 3.012-7.273 8.112-7.26 13.316a12.399 12.399 0 0 0-3.685 1.592c-5.424 3.47-7.24 10.455-4.377 16.075-5.114 4.878-6.285 12.748-2.406 18.81 4.415 6.9 13.702 8.841 20.743 4.336a15.244 15.244 0 0 0 6.673-9.428 15.854 15.854 0 0 0 8.188-2.51 15.898 15.898 0 0 0 7.248-11.667c2.533.315 5.186-.22 7.503-1.703a11.344 11.344 0 0 0 2.427-2.084 14.02 14.02 0 0 0 12.764-1.218c6.531-4.178 8.438-12.86 4.259-19.392-3.258-5.09-9.252-7.372-14.83-6.15-3.874-5.976-11.851-7.709-17.858-3.866a12.926 12.926 0 0 0-3.48 3.265c-4.859-2.593-10.94-2.556-15.91.623Z" fill="#fff"/><path d="m27.925 35.18.484 1.94 1.52-.38-.004-1.566-2 .005Zm7.259-13.317-1.078-1.685 1.078 1.684ZM19.862 52.846l1.38 1.447 1.078-1.028-.676-1.327-1.782.908Zm-2.406 18.81 1.684-1.079-1.684 1.078Zm27.416-5.092-.048-2-1.552.038-.349 1.513 1.95.449Zm15.436-14.177.247-1.985-2.01-.25-.225 2.014 1.988.22Zm9.93-3.787.739-1.859-1.313-.522-.931 1.063 1.505 1.318Zm2.193-26.76-1.678 1.087.753 1.162 1.353-.296-.428-1.954Zm-17.858-3.866-1.078-1.684 1.078 1.684Zm-3.48 3.265-.94 1.765 1.531.818 1.025-1.402-1.615-1.18ZM29.926 35.175c-.013-4.55 2.228-8.998 6.337-11.627l-2.156-3.37c-5.309 3.398-8.197 9.149-8.181 15.008l4-.011Zm-4.608 3.282a10.397 10.397 0 0 1 3.092-1.336l-.968-3.881c-1.482.37-2.928.982-4.28 1.847l2.156 3.37Zm-3.673 13.482c-2.4-4.713-.876-10.572 3.673-13.483l-2.156-3.369c-6.3 4.03-8.407 12.14-5.081 18.668l3.564-1.816Zm-2.504 18.64c-3.337-5.217-2.353-12.035 2.102-16.285l-2.76-2.894c-5.773 5.506-7.13 14.429-2.711 21.334l3.37-2.156Zm17.98 3.73c-6.142 3.93-14.18 2.207-17.98-3.73l-3.37 2.155c5.032 7.863 15.567 10.023 23.507 4.944l-2.156-3.37Zm5.803-8.193a13.244 13.244 0 0 1-5.802 8.192l2.156 3.37a17.244 17.244 0 0 0 7.544-10.665l-3.898-.897Zm9.06-3.745a13.855 13.855 0 0 1-7.159 2.194l.096 4a17.855 17.855 0 0 0 9.218-2.824l-2.156-3.37Zm6.337-10.204a13.899 13.899 0 0 1-6.338 10.204l2.156 3.37a17.898 17.898 0 0 0 8.158-13.132l-3.976-.442ZM66.734 49a9.294 9.294 0 0 1-6.18 1.402l-.492 3.97c2.978.37 6.102-.26 8.827-2.003L66.734 49Zm1.999-1.718a9.343 9.343 0 0 1-2 1.718l2.156 3.37a13.347 13.347 0 0 0 2.854-2.453l-3.01-2.635Zm13.191-1.584a12.021 12.021 0 0 1-10.947 1.043l-1.478 3.717c4.63 1.84 10.057 1.504 14.581-1.39l-2.156-3.37Zm3.652-16.63c3.584 5.6 1.949 13.046-3.652 16.63l2.156 3.37c7.462-4.775 9.64-14.694 4.866-22.156l-3.37 2.156ZM72.86 23.793c4.787-1.048 9.925.912 12.717 5.275l3.37-2.156c-3.724-5.819-10.573-8.42-16.943-7.027l.856 3.908ZM55.65 19.659c5.08-3.25 11.826-1.784 15.102 3.268l3.356-2.176c-4.471-6.897-13.68-8.898-20.614-4.461l2.156 3.37Zm-2.942 2.76a10.925 10.925 0 0 1 2.942-2.76l-2.156-3.37a14.929 14.929 0 0 0-4.016 3.77l3.23 2.36Zm-16.447 1.128c4.336-2.774 9.643-2.81 13.89-.543l1.884-3.529c-5.472-2.92-12.327-2.883-17.93.703l2.156 3.37Z" fill="#5B9A74" mask="url(#b)"/><path d="M25.77 58.992c-.096 2.4 1.047 7.271 5.492 7.715 6.016.6 6.094-5.072 6.127-6.069M67.779 41.992c1.858.556 5.848.665 6.913-2.64 1.44-4.472-2.977-5.673-3.75-5.899M51.747 39.162c1.357 1.584 4.955 3.205 7.71.873 4.202-3.555 1.88-6.73.62-8.242M34.253 48.733c1.528 1.683 4.645 4.928 8.998 1.581 4.636-3.565.92-7.444.28-8.139" stroke="#5B9A74" strokeWidth="2" stroke-linejoin="round"/></svg>
\ No newline at end of file