103 lines
1.9 KiB
CSS
103 lines
1.9 KiB
CSS
@import "tailwindcss";
|
||
|
||
@theme {
|
||
--font-onest: "Onest", sans-serif;
|
||
|
||
--color-red-600: #EC1C24;
|
||
--color-red-700: #DC1C24;
|
||
|
||
--color-gray-50: #F9FAFB;
|
||
--color-gray-100: #F3F4F6;
|
||
--color-gray-200: #E5E7EB;
|
||
--color-gray-300: #D1D5DB;
|
||
--color-gray-400: #9CA3AF;
|
||
--color-gray-500: #6B7280;
|
||
--color-gray-600: #4B5563;
|
||
--color-gray-700: #374151;
|
||
--color-gray-800: #1F2937;
|
||
--color-gray-900: #111827;
|
||
}
|
||
|
||
|
||
|
||
|
||
/* Стили для корзины */
|
||
.div-block-7.active {
|
||
background-color: #007bff;
|
||
border-color: #007bff;
|
||
}
|
||
|
||
.div-block-7 {
|
||
width: 20px;
|
||
height: 20px;
|
||
border: 2px solid #ccc;
|
||
border-radius: 4px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
cursor: pointer;
|
||
transition: all 0.2s ease;
|
||
}
|
||
|
||
.tag-button {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
padding: 6px 12px;
|
||
border: 1px solid #dee2e6;
|
||
border-radius: 4px;
|
||
background-color: #f8f9fa;
|
||
cursor: pointer;
|
||
transition: all 0.2s ease;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.tag-button:hover {
|
||
background-color: #e9ecef;
|
||
}
|
||
|
||
.tag-button.active {
|
||
background-color: #007bff;
|
||
color: white;
|
||
border-color: #007bff;
|
||
}
|
||
|
||
.radio-text {
|
||
font-size: 14px;
|
||
color: #333;
|
||
margin-left: 8px;
|
||
margin-right: 8px;
|
||
}
|
||
|
||
[data-hide-scrollbar]::-webkit-scrollbar {
|
||
display: none;
|
||
}
|
||
[data-hide-scrollbar] {
|
||
-ms-overflow-style: none; /* IE and Edge */
|
||
scrollbar-width: none; /* Firefox */
|
||
}
|
||
|
||
/* Убрать стрелочки у input[type=number] во всех браузерах */
|
||
input[type=number]::-webkit-inner-spin-button,
|
||
input[type=number]::-webkit-outer-spin-button {
|
||
-webkit-appearance: none;
|
||
margin: 0;
|
||
}
|
||
input[type=number] {
|
||
-moz-appearance: textfield;
|
||
}
|
||
|
||
/* Анимация для cookie consent */
|
||
@keyframes slideInFromBottom {
|
||
from {
|
||
transform: translateY(100%);
|
||
opacity: 0;
|
||
}
|
||
to {
|
||
transform: translateY(0);
|
||
opacity: 1;
|
||
}
|
||
}
|
||
|
||
.cookie-consent-enter {
|
||
animation: slideInFromBottom 0.3s ease-out;
|
||
} |