Dmitry_Tkachenko/test
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Actions
Build Action / Run-Build (push) Successful in 3m7s
Details

Browse Source
This commit is contained in:
Dmytro Tkachenko
2024-10-22 22:44:24 +03:00
parent d510189905
commit 9a138e53a9
39 changed files with 1050 additions and 19941 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/components/badge.scss
+24
View File
@@ -1,3 +1,6 @@
@use '../fonts/poppins';
@use '../fonts/volkhov';
.badge {
@extend .poppins-medium;
height: 25px;
@@ -16,4 +19,25 @@
&--source {
background: #EEE7F7;
}
&--filter {
background: #FFF;
height: 30px;
line-height: 30px;
border: none;
font-size: 14px;
font-weight: 300;
}
span {
cursor: pointer;
padding-left: 6px;
background-image: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.78735 1.67461C8.90453 1.79176 8.90452 1.98168 8.78735 2.09882L2.09664 8.78784C1.97947 8.90499 1.7895 8.90499 1.67232 8.78784L1.21213 8.32776C1.09495 8.21062 1.09495 8.02069 1.21213 7.90355L7.90284 1.21453C8.02001 1.09739 8.20998 1.09739 8.32716 1.21453L8.78735 1.67461Z" fill="%23484848"/><path d="M8.32788 8.78521C8.21071 8.90235 8.02074 8.90235 7.90356 8.78521L1.21285 2.09619C1.09568 1.97905 1.09568 1.78912 1.21285 1.67198L1.67305 1.2119C1.79022 1.09476 1.98019 1.09476 2.09737 1.2119L8.78808 7.90092C8.90525 8.01806 8.90525 8.20799 8.78808 8.32513L8.32788 8.78521Z" fill="%23484848"/></svg>');
background-position: center center;
background-repeat: no-repeat;
height: 30px;
width: 24px;
display: inline-block;
vertical-align: middle;
}
}
src/styles/components/breadcrumb.scss
-2
View File
@@ -1,6 +1,4 @@
.breadcrumb {
position: absolute;
top: 0;
&__list {
src/styles/components/button.scss
+2 -1
View File
@@ -1,4 +1,4 @@
@import '../fonts/poppins';
@use '../fonts/poppins';
.button {
@extend .poppins-regular;
@@ -19,6 +19,7 @@
&:hover, &.active {
border-color: transparent;
background: #fafafa;
color: #8A8A8A;
}
&.active {
src/styles/components/checkbox.scss
+7 -4
View File
@@ -7,13 +7,16 @@
position: relative;
padding-left: 28px;
font-weight: 500;
color: #8A8A8A;
//color: #8A8A8A;
color: #000;
cursor: pointer;
&:before {
content: "";
//border: 1px solid #484848;
border: 1px solid #D9D9D9;
border-radius: 4px;
//box-shadow: 0 1px 3px 0 rgba(43, 33, 30, 0.08);
background: #fff;
width: 16px;
height: 16px;
display: inline-block;
@@ -40,8 +43,8 @@
height: 16px;
display: inline-block;
position: absolute;
top: 2px;
left: 0;
top: 3px;
left: 1px;
}
}
}
src/styles/components/common.scss
+6 -3
View File
@@ -1,3 +1,6 @@
@use "../mixins/media-queries.scss";
@use "../helpers/space.scss";
:root {
--rt-opacity: 1 !important;
}
@@ -9,11 +12,11 @@ body {
max-width: 100%;
margin: 0 auto;
@include lg {
@include media-queries.lg {
padding: 120px 20px;
}
@include xl {
@include media-queries.xl {
max-width: 1280px;
margin: 0 auto;
}
@@ -23,7 +26,7 @@ main {
position: relative;
padding-top: 70px;
@include lg {
@include media-queries.lg {
padding-top: 30px;
}
}
src/styles/components/filter.scss
+47
View File
@@ -0,0 +1,47 @@
@use "../mixins/media-queries";
.filter {
padding: 16px;
background: #FAFAFA;
margin: 0 0 38px 0;
display: none;
@include media-queries.xl {
display: block;
}
&__list {
display: flex;
gap: 12px;
}
&__input-wrapper {
flex: 1 0 auto;
text-align: right;
}
&__input {
min-width: 300px;
border: 1px solid #d9d9d9;
border-radius: 3px;
height: 25px;
padding-left: 28px;
line-height: 29px;
background-repeat: no-repeat;
background-position: 6px center;
background-image: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="7.5" cy="8" r="6" stroke="%23484848"/><path d="M15.1521 16.199C15.0349 16.3162 14.8874 16.3586 14.8225 16.2937L11.1181 12.5902C11.0532 12.5254 11.0956 12.3778 11.2128 12.2607L11.673 11.8006C11.7901 11.6835 11.9377 11.6411 12.0026 11.7059L15.707 15.4094C15.7719 15.4743 15.7295 15.6218 15.6123 15.7389L15.1521 16.199Z" fill="%23484848"/></svg>');
}
&__tags {
margin-top: 12px;
&-close {
background-image: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_590_526)"><path d="M16.0088 8.5C16.0088 12.9183 12.4271 16.5 8.00879 16.5C3.59051 16.5 0.00878906 12.9183 0.00878906 8.5C0.00878906 4.08172 3.59051 0.5 8.00879 0.5C12.4271 0.5 16.0088 4.08172 16.0088 8.5Z" fill="black"/><path d="M11.7874 5.17461C11.9045 5.29176 11.9045 5.48168 11.7874 5.59882L5.09664 12.2878C4.97947 12.405 4.7895 12.405 4.67232 12.2878L4.21213 11.8278C4.09495 11.7106 4.09495 11.5207 4.21213 11.4036L10.9028 4.71453C11.02 4.59739 11.21 4.59739 11.3272 4.71453L11.7874 5.17461Z" fill="white"/><path d="M11.3279 12.2852C11.2107 12.4024 11.0207 12.4024 10.9036 12.2852L4.21285 5.59619C4.09568 5.47905 4.09568 5.28912 4.21285 5.17198L4.67305 4.7119C4.79022 4.59476 4.98019 4.59476 5.09737 4.7119L11.7881 11.4009C11.9053 11.5181 11.9053 11.708 11.7881 11.8251L11.3279 12.2852Z" fill="white"/></g><defs><clipPath id="clip0_590_526"><rect width="16" height="16" fill="white" transform="translate(0 0.5)"/></clipPath></defs></svg>');
background-repeat: no-repeat;
background-position: left;
padding-left: 22px;
cursor: pointer;
font-size: 14px;
}
}
}
src/styles/components/layout.scss
+27
View File
@@ -0,0 +1,27 @@
.header {
display: flex;
justify-content: space-between;
margin-bottom: 16px;
}
.profile {
font-size: 12px;
color: #000;
padding-right: 12px;
position: relative;
&:after {
content: "";
top: 2px;
right: 0;
position: absolute;
transform: rotate(135deg);
width: 5px;
height: 5px;
display: inline-block;
vertical-align: middle;
border-top: 1px solid #000;
border-right: 1px solid #000;
color: transparent;
}
}
src/styles/components/product-card.scss
+5 -2
View File
@@ -1,10 +1,13 @@
@use "../mixins/media-queries";
@use '../fonts/poppins';
@use '../fonts/volkhov';
.product-card {
box-shadow: 0 40px 90px rgba(0, 0, 0, 0.06);
border-radius: 10px;
//overflow: hidden;
position: relative;
@include lg {
@include media-queries.lg {
display: flex;
height: 260px;
}
src/styles/components/product.scss
+16 -12
View File
@@ -1,7 +1,11 @@
@use "../mixins/media-queries";
@use '../fonts/poppins';
@use '../fonts/volkhov';
.product {
position: relative;
@include lg {
@include media-queries.lg {
display: flex;
gap: 65px;
height: 640px;
@@ -10,7 +14,7 @@
&__slider {
@include lg {
@include media-queries.lg {
flex: 1 1 auto;
max-width: 800px;
}
@@ -29,7 +33,7 @@
}
}
@include lg {
@include media-queries.lg {
border: 1px solid #D9D9D9;
padding: 38px 32px;
@@ -44,7 +48,7 @@
&--mobile {
border: none;
@include lg {
@include media-queries.lg {
display: none;
}
}
@@ -95,11 +99,11 @@
height: 550px;
width: auto;
@include sm {
@include media-queries.sm {
height: 580px;
}
@include lg {
@include media-queries.lg {
position: relative;
height: 640px;
width: 640px;
@@ -110,11 +114,11 @@
border: 1px solid rgba(217, 217, 217, 1);
height: 480px;
@include lg {
@include media-queries.lg {
width: 480px;
}
@include md {
@include media-queries.md {
margin-right: 98px;
height: 640px;
}
@@ -125,7 +129,7 @@
margin-top: 20px;
bottom: 0;
@include md {
@include media-queries.md {
top: 0;
right: 0;
width: 94px;
@@ -140,17 +144,17 @@
width: 15%;
height: 50px;
@include sm {
@include media-queries.sm {
height: 80px;
}
@include md {
@include media-queries.md {
width: 94px;
height: 114px;
margin: 0;
}
@include lg {
@include media-queries.lg {
margin-bottom: 15px;
}
src/styles/components/reset.scss
-2
View File
@@ -20,7 +20,6 @@ time, mark, audio, video {
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
box-sizing: border-box;
}
@@ -45,7 +44,6 @@ blockquote, q {
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
src/styles/components/selectbox.scss
+64
View File
@@ -0,0 +1,64 @@
.selectbox {
border-radius: 3px !important;
min-height: 29px !important;
border-color: #D9D9D9;
&__input {
width: 100%;
border: 1px solid #d9d9d9;
border-radius: 3px;
height: 29px;
margin: 12px 0;
padding-left: 28px;
line-height: 29px;
background-repeat: no-repeat;
background-position: 6px center;
background-image: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="7.5" cy="8" r="6" stroke="%23484848"/><path d="M15.1521 16.199C15.0349 16.3162 14.8874 16.3586 14.8225 16.2937L11.1181 12.5902C11.0532 12.5254 11.0956 12.3778 11.2128 12.2607L11.673 11.8006C11.7901 11.6835 11.9377 11.6411 12.0026 11.7059L15.707 15.4094C15.7719 15.4743 15.7295 15.6218 15.6123 15.7389L15.1521 16.199Z" fill="%23484848"/></svg>');
}
&--active {
border-color: #000;
}
&__content {
font-size: 14px;
}
&__dropdown {
&-label {
font-weight: 400;
font-size: 12px;
line-height: 16px;
&:before {
top: 0 !important;
}
&:after {
top: 0 !important;
}
}
}
&__option {
height: 22px;
cursor: pointer;
margin: 12px 0;
}
&__options {
max-height: 250px;
overflow: auto;
}
}
.react-dropdown-select-dropdown {
width: 240px !important;
padding: 12px 22px !important;
top: 29px !important;
box-shadow: none !important;
border: none !important;
background: #f0f0f0 !important;
max-height: unset !important;
overflow: unset !important;
}
src/styles/components/slick.scss
+3 -1
View File
@@ -1,8 +1,10 @@
@use "../mixins/media-queries";
.slick-slider {
width: 100%;
overflow: hidden;
@include lg {
@include media-queries.lg {
height: 260px;
width: 620px;
}
src/styles/components/tabs.scss
+27
View File
@@ -0,0 +1,27 @@
@use "../mixins/media-queries";
.tabs {
display: flex;
margin-top: 18px;
margin-bottom: 38px;
&__item {
height: 40px;
line-height: 40px;
padding: 0 26px;
color: #8A8A8A;
border-bottom: 1px solid #8A8A8A;
cursor: pointer;
font-size: 14px;
@include media-queries.md {
font-size: unset;
}
&--active {
color: #000;
border-bottom: 2px solid #000;
}
}
}
src/styles/components/tooltip.scss
+3
View File
@@ -1,3 +1,6 @@
@use '../fonts/poppins';
@use '../fonts/volkhov';
.tooltip {
&__data {
display: flex;
src/styles/components/typography.scss
+3 -3
View File
@@ -1,6 +1,6 @@
@import '../fonts/poppins';
@import '../fonts/volkhov';
@import '../helpers/space';
@use '../fonts/poppins';
@use '../fonts/volkhov';
@use '../helpers/space';
body {
@extend .poppins-regular;