ourworld_web/www_circl
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add discount

Browse Source
This commit is contained in:
sasha-astiadi
2025-05-07 15:35:39 +02:00
parent 629ad976cb
commit a9a0ea8211
52 changed files with 1987 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
dist/output.css vendored
View File

@@ -1,7 +1,7 @@
@font-face {
font-family: 'Open Sauce';
src: url('/src/fonts/OpenSauceOne-Regular.ttf') format('truetype');
src: url('/fonts/OpenSauceOne-Regular.ttf') format('truetype');
font-weight: 400;
@@ -11,7 +11,7 @@
@font-face {
font-family: 'Open Sauce';
src: url('/src/fonts/OpenSauceOne-Light.ttf') format('truetype');
src: url('/fonts/OpenSauceOne-Light.ttf') format('truetype');
font-weight: 300;
@@ -21,7 +21,7 @@
@font-face {
font-family: 'Open Sauce';
src: url('/src/fonts/OpenSauceOne-Medium.ttf') format('truetype');
src: url('/fonts/OpenSauceOne-Medium.ttf') format('truetype');
font-weight: 500;
@@ -31,7 +31,7 @@
@font-face {
font-family: 'Open Sauce';
src: url('/src/fonts/OpenSauceOne-Bold.ttf') format('truetype');
src: url('/fonts/OpenSauceOne-Bold.ttf') format('truetype');
font-weight: 700;
@@ -1642,35 +1642,44 @@ body:is(.dark *) {
.toggle-switch {
position: relative;
display: inline-flex;
height: 40px;
width: 240px;
cursor: pointer;
border-radius: 9999px;
background-color: rgb(0 0 0 / 0.3);
padding: 0.25rem;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
background-color: rgb(31 41 55 / 0.5);
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.toggle-switch[data-state="checked"] {
--tw-bg-opacity: 1;
background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.toggle-switch-thumb {
height: 1.5rem;
width: 120px;
position: absolute;
top: 2px;
left: 2px;
height: 36px;
width: 118px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
.toggle-switch[data-state="checked"] .toggle-switch-thumb {
transform: translateX(100%);
transform: translateX(118px);
}
.toggle-switch-label {
@@ -1679,8 +1688,8 @@ body:is(.dark *) {
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 1rem;
padding-right: 1rem;
padding-left: 2rem;
padding-right: 2rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 500;
@@ -1688,8 +1697,6 @@ body:is(.dark *) {
.toggle-switch-label span {
z-index: 10;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
@@ -1697,12 +1704,24 @@ body:is(.dark *) {
.toggle-switch[data-state="checked"] .toggle-switch-label span:first-child {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.toggle-switch[data-state="checked"] .toggle-switch-label span:last-child {
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.toggle-switch[data-state="unchecked"] .toggle-switch-label span:first-child {
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.toggle-switch[data-state="unchecked"] .toggle-switch-label span:last-child {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.hover\:scale-105:hover {