Project-Pro/cdnPRO
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Dodaj nowe ikony SVG dla wyszukiwania, koszyka i użytkownika

Browse Source
This commit is contained in:
Jacek Pyziak
2025-03-01 10:58:59 +01:00
parent 007285191e
commit c078caac35
6 changed files with 70 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
juicedupmotorcycles.pl/images/icon-cart.svg
View File

@@ -1,3 +1,9 @@
<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.5 41.6667C11.3542 41.6667 10.3736 41.259 9.55833 40.4437C8.74305 39.6285 8.33472 38.6472 8.33333 37.5C8.33194 36.3528 8.74028 35.3722 9.55833 34.5583C10.3764 33.7444 11.3569 33.3361 12.5 33.3333C13.6431 33.3306 14.6243 33.7389 15.4437 34.5583C16.2632 35.3778 16.6708 36.3583 16.6667 37.5C16.6625 38.6417 16.2549 39.6229 15.4437 40.4437C14.6326 41.2646 13.6514 41.6722 12.5 41.6667ZM33.3333 41.6667C32.1875 41.6667 31.2069 41.259 30.3917 40.4437C29.5764 39.6285 29.1681 38.6472 29.1667 37.5C29.1653 36.3528 29.5736 35.3722 30.3917 34.5583C31.2097 33.7444 32.1903 33.3361 33.3333 33.3333C34.4764 33.3306 35.4576 33.7389 36.2771 34.5583C37.0965 35.3778 37.5042 36.3583 37.5 37.5C37.4958 38.6417 37.0882 39.6229 36.2771 40.4437C35.466 41.2646 34.4847 41.6722 33.3333 41.6667ZM10.7292 8.33333L15.7292 18.75H30.3125L36.0417 8.33333H10.7292ZM8.75 4.16667H39.4792C40.2778 4.16667 40.8854 4.52292 41.3021 5.23542C41.7188 5.94792 41.7361 6.66806 41.3542 7.39583L33.9583 20.7292C33.5764 21.4236 33.0646 21.9618 32.4229 22.3437C31.7812 22.7257 31.0778 22.9167 30.3125 22.9167H14.7917L12.5 27.0833H37.5V31.25H12.5C10.9375 31.25 9.75694 30.5646 8.95833 29.1937C8.15972 27.8229 8.125 26.4597 8.85417 25.1042L11.6667 20L4.16667 4.16667H0V0H6.77083L8.75 4.16667Z" fill="white"/>
</svg>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
<svg width="800px" height="800px" viewBox="0 0 1024 1024" fill="#ffffff" class="icon" version="1.1" xmlns="http://www.w3.org/2000/svg" stroke="#ffffff">
<g id="SVGRepo_bgCarrier" stroke-width="0"/>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

7
juicedupmotorcycles.pl/images/icon-search.svg Normal file
View File

@@ -0,0 +1,7 @@
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
<svg fill="#ffffff" width="800px" height="800px" viewBox="0 0 1920 1920" xmlns="http://www.w3.org/2000/svg" stroke="#ffffff">
<g id="SVGRepo_bgCarrier" stroke-width="0"/>
Side by Side

After

Width:  |  Height:  |  Size: 941 B

19
juicedupmotorcycles.pl/images/icon-user.svg
View File

@@ -1,10 +1,9 @@
<svg width="37" height="36" viewBox="0 0 37 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_55_11)">
<path d="M25.8282 21.375C23.5219 21.375 22.413 22.5 18.6282 22.5C14.8434 22.5 13.7425 21.375 11.4282 21.375C5.46567 21.375 0.628174 25.6078 0.628174 30.825V32.625C0.628174 34.4883 2.35585 36 4.48532 36H32.771C34.9005 36 36.6282 34.4883 36.6282 32.625V30.825C36.6282 25.6078 31.7907 21.375 25.8282 21.375ZM32.771 32.625H4.48532V30.825C4.48532 27.4781 7.60317 24.75 11.4282 24.75C12.6014 24.75 14.5059 25.875 18.6282 25.875C22.7826 25.875 24.6469 24.75 25.8282 24.75C29.6532 24.75 32.771 27.4781 32.771 30.825V32.625ZM18.6282 20.25C25.0166 20.25 30.1996 15.7148 30.1996 10.125C30.1996 4.53516 25.0166 0 18.6282 0C12.2398 0 7.05675 4.53516 7.05675 10.125C7.05675 15.7148 12.2398 20.25 18.6282 20.25ZM18.6282 3.375C22.8791 3.375 26.3425 6.40547 26.3425 10.125C26.3425 13.8445 22.8791 16.875 18.6282 16.875C14.3773 16.875 10.9139 13.8445 10.9139 10.125C10.9139 6.40547 14.3773 3.375 18.6282 3.375Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_55_11">
<rect width="36" height="36" fill="white" transform="translate(0.628174)"/>
</clipPath>
</defs>
</svg>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
<svg width="800px" height="800px" viewBox="0 0 1024 1024" fill="#ffffff" class="icon" version="1.1" xmlns="http://www.w3.org/2000/svg" stroke="#ffffff">
<g id="SVGRepo_bgCarrier" stroke-width="0"/>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

2
juicedupmotorcycles.pl/style.css
View File

File diff suppressed because one or more lines are too long

2
juicedupmotorcycles.pl/style.css.map
View File

File diff suppressed because one or more lines are too long

74
juicedupmotorcycles.pl/style.scss
View File

@@ -166,9 +166,10 @@
font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
$cGold: #b8a982;
$cBlackLight: #1d1d21;
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
$cGold: #CAA462;
$cBlackLight: #141414;
$cBlackDark: #09090a;
$cGreen: #22c55e;
$cRed: #d16067;
@@ -179,7 +180,7 @@ $cRed: #d16067;
body {
background: $cBlackDark !important;
font-family: "Poppins", sans-serif;
font-family: 'Roboto', sans-serif !important;
color: #a9a9a9 !important;
.row {
@@ -204,7 +205,7 @@ header {
.header-h3,
.header-h5,
.header-h4 {
font-family: 'Bebas Neue', sans-serif;
font-family: 'Scandia', sans-serif;
letter-spacing: 2px;
color: #fff;
}
@@ -233,29 +234,24 @@ header {
display: inline-flex;
padding: 15px 25px;
align-items: center;
border-radius: 26px;
font-family: 'Scandia', sans-serif;
font-size: 17px;
color: #000;
font-weight: 500;
border-radius: 0;
font-size: 16px;
color: $cGold;
font-weight: 300;
transition: all 0.3s ease;
justify-content: center;
background-color: #b8a982;
background-image: linear-gradient(to right,
#d0bf95,
#b79e5f,
#b79e5f,
#d0bf95);
mix-blend-mode: screen;
border: 2px solid $cGold;
background: transparent;
width: auto;
min-width: 125px;
transition: all 0.4s ease-in-out;
background-size: 200% 100%;
border: 0;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
&:hover {
background-position: 100% 0;
transition: all 0.4s ease-in-out;
background: $cGold;
color: $cBlackDark;
}
}
@@ -316,7 +312,6 @@ form,
}
.menu {
background: $cBlackLight !important;
z-index: 20 !important;
.innermenu {
@@ -336,6 +331,7 @@ form,
ul {
height: auto !important;
line-height: auto !important;
border: 0 !important;
li {
@media (min-width: 767px) {
@@ -347,18 +343,20 @@ form,
}
a {
font-family: 'Poppins', sans-serif;
color: $cGold !important;
font-size: 17px;
font-family: 'Roboto', sans-serif;
color: #A8A8A8 !important;
font-size: 15px !important;
border: 0 !important;
padding: 15px !important;
transition: all 0.3s ease !important;
font-weight: 300;
line-height: 1.5 !important;
text-transform: uppercase;
&:hover {
background: none !important;
color: #fff !important;
color: #CAA462 !important;
text-decoration: none !important;
}
}
@@ -458,7 +456,7 @@ body.shop_index {
h1 {
font-family: 'Scandia', sans-serif;
font-size: 80px;
font-size: 60px;
font-weight: 600;
color: #fff;
margin-bottom: 20px;
@@ -472,10 +470,9 @@ body.shop_index {
p:nth-child(2) {
color: #fff;
margin-bottom: 25px;
font-size: 20px;
font-size: 16px;
font-weight: 300;
font-family: 'Scandia';
max-width: 500px;
max-width: 600px;
line-height: 1.25;
@media screen and (max-width: 767px) {
@@ -505,6 +502,7 @@ body.shop_index {
header {
padding: 20px 0 !important;
background: $cBlackDark !important;
font-family: 'Roboto', sans-serif;
.logo-bar {
display: flex;
@@ -513,6 +511,7 @@ header {
.basket {
background: none !important;
border: 0 !important;
height: auto !important;
line-height: 1.25 !important;
display: flex !important;
@@ -537,10 +536,14 @@ header {
padding-left: 20px;
align-items: center;
gap: 10px;
font-family: 'Bebas Neue', sans-serif;
font-size: 20px;
font-size: 14px;
letter-spacing: 2px;
height: 25px;
font-weight: 300;
b {
font-weight: 300;
}
&::before {
content: '' !important;
@@ -718,6 +721,11 @@ header {
&::before {
color: #fff;
background: url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/images/icon-search.svg') no-repeat;
content: '';
height: 20px;
width: 20px;
background-size: cover;
}
&:hover {
@@ -2216,6 +2224,10 @@ form.login {
}
}
.box-slider {
margin-bottom: 0 !important;
}
#box_bestsellers,
#box_lastadded {
padding-top: 75px !important;