dm/fuz-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Kolejne przeróbki,

Browse Source
This commit is contained in:
dm
2025-12-13 10:13:20 +01:00
parent 5822237745
commit 4655554ff2
17 changed files with 197 additions and 218 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/styles/base.css
View File

@@ -12,7 +12,6 @@
@import "./footer.css";
@import "./cookie.css";
@import "./contact.css";
@import "./offers/offers-main.css";
@import "./offers/offers-switches.css";
html {

31
src/styles/buttons.css
View File

@@ -1,56 +1,49 @@
.btn {
@apply inline-flex items-center justify-center font-semibold rounded-lg px-6 py-3 text-base transition-all duration-200 cursor-pointer select-none;
@apply inline-flex items-center justify-center gap-2 font-semibold rounded-lg px-6 py-3 text-base transition-all duration-200 cursor-pointer select-none focus:outline-none focus-visible:ring-2 focus-visible:ring-[--f-header] focus-visible:ring-offset-2 focus-visible:ring-offset-[--f-background];
}
.btn-primary {
@apply border-none bg-[--btn-background] text-[--btn-text];
@apply border border-transparent bg-[--btn-background] text-[--btn-text];
}
.btn-primary:hover {
@apply bg-[--btn-background-hover] text-[--btn-text-hover];
}
.btn-primary:disabled {
@apply opacity-60 cursor-not-allowed;
}
.f-input {
@apply w-full py-3 px-4 rounded-xl border border-[--f-input-border] bg-[--f-background] text-[--f-text] transition-all duration-200;
}
.f-input:hover {
@apply border-[--f-text] opacity-[0.9];
@apply border-[--f-text] opacity-[0.4];
}
.f-input:focus {
@apply outline-none border-[--f-header];
box-shadow: 0 0 0 3px color-mix(in srgb, var(--f-header) 40%, transparent);
}
.fuz-input::placeholder {
.f-input::placeholder {
color: color-mix(in srgb, var(--f-text) 40%, transparent);
}
.fuz-input-error {
border-color: #ff4d4f !important;
box-shadow: 0 0 0 3px rgba(255, 77, 79, 0.3) !important;
}
.fuz-input:disabled {
opacity: 0.6;
cursor: not-allowed;
background-color: color-mix(in srgb, var(--f-background) 80%, #888);
.f-input-error {
@apply border-red-500 ring-2 ring-red-500/30;
}
.autocomplete-wrapper {
position: relative;
@apply relative;
}
.autocomplete-open {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-bottom-width: 0 !important;
@apply rounded-b-none border-b-0;
}
.autocomplete-list {
@apply absolute left-0 right-0 z-50 bg-[--f-background] text-[--f-text] border border-gray-300 dark:border-slate-700 rounded-b-xl shadow-xl max-h-56 overflow-auto;
@apply absolute left-0 right-0 z-50 bg-[--f-background] text-[--f-text] border border-[--f-input-border] rounded-b-xl shadow-xl max-h-56 overflow-auto;
border-top: none;
animation: fadeIn 0.12s ease-out;

29
src/styles/contact.css
View File

@@ -1,30 +1,5 @@
@tailwind base;
.f-contact-grid {
@apply grid md:grid-cols-2 gap-10 items-start max-w-7xl mx-auto;
}
.f-contact-col-1 {
h1,
h2,
h3,
h4 {
@apply f-section-header;
}
}
.f-contact-col-2 {
@apply bg-[--f-background] text-[--f-text];
h1,
h2,
h3,
h4 {
@apply f-section-header;
}
}
.f-contact-item {
@apply space-y-1;
@@ -55,10 +30,6 @@
@apply mt-2 h-4 w-4;
}
}
button {
@apply btn btn-primary w-full py-3 text-lg;
}
}
.f-contact-map {

3
src/styles/markdown.css
View File

@@ -44,10 +44,11 @@
.fuz-markdown button.modal-link {
@apply no-underline hover:no-underline mt-2 bg-[--f-background] text-[--f-link-text];
}
.fuz-markdown blockquote {
@apply border-l-4 border-gray-300 dark:border-gray-700 pl-4 italic mb-4;
}
.fuz-markdown strong {
@apply font-semibold;
}
}

26
src/styles/navbar.css
View File

@@ -15,21 +15,39 @@
}
.f-mobile-toggle {
@apply text-3xl p-2 text-[--f-text];
@apply text-3xl p-2 text-[--f-text] relative z-[70];
}
.f-mobile-menu {
@apply fixed top-0 right-0 h-full w-64 bg-[--f-background] shadow-lg transform translate-x-full transition-transform duration-300 flex flex-col gap-4 p-6;
@apply fixed right-4 bg-[--f-background] border border-[--f-border-color] p-4 flex flex-col gap-2 opacity-0 scale-95 -translate-y-2 pointer-events-none transition duration-200 divide-y divide-[--f-border-color];
top: calc(var(--f-navbar-height, 64px) + 0.75rem);
width: 18rem;
max-width: calc(100vw - 2rem);
z-index: 70;
max-height: calc(100vh - var(--f-navbar-height, 64px) - 2rem);
overflow-y: auto;
}
.f-mobile-menu.open {
@apply translate-x-0;
@apply opacity-100 scale-100 translate-y-0 pointer-events-auto;
}
.f-mobile-link {
@apply text-lg py-2 border-b text-[--f-navbar-link] hover:text-[--f-navbar-link-hover] border-[--f-border-color];
@apply text-base py-2 px-2
text-[--f-navbar-link]
hover:text-[--f-navbar-link-hover]
hover:bg-black/5 dark:hover:bg-white/5
transition;
}
.f-navbar-logo {
@apply w-[70] h-[36];
}
.f-mobile-backdrop {
@apply fixed inset-0 bg-black/30 opacity-0 pointer-events-none transition-opacity duration-200 z-[60];
}
.f-mobile-backdrop.open {
@apply opacity-100 pointer-events-auto;
}

22
src/styles/offers/offers-extra.css
View File

@@ -1,22 +0,0 @@
.f-extra-services {
@apply mt-6 max-w-6xl mx-auto;
}
.f-services-title {
@apply text-2xl font-semibold mb-4 ml-10;
}
.f-services-body {
@apply text-lg font-semibold mb-4 ml-10;
}
.f-expand-details {
@apply px-4 py-4;
}
.f-feature-link {
@apply cursor-pointer w-full h-full text-[--f-link-text] text-lg;
}
.f-feature-link:hover {
@apply text-[--f-link-text-hover];
}

11
src/styles/offers/offers-main.css
View File

@@ -1,11 +0,0 @@
.fuz-offers-section {
@apply py-6;
}
.f-offers-container {
@apply max-w-7xl mx-auto px-6;
}
.f-offers-description {
@apply mb-10 text-base leading-relaxed;
}

2
src/styles/offers/offers-switches.css
View File

@@ -7,7 +7,7 @@
}
.f-switch {
@apply px-6 py-2 text-sm font-semibold cursor-pointer select-none transition-all;
@apply px-6 py-3 text-sm font-semibold cursor-pointer select-none transition-all;
}
.f-switch.active {

2
src/styles/theme.css
View File

@@ -78,7 +78,7 @@
/* var(--link-color-light); */
--btn-background-hover: var(--surface4-light);
/* var(--link-color-light); */
--btn-text-hover: var(--link-color-light);
--btn-text-hover: var(--link-color-light);
/* var(--surface4-light); */
--f-background-toast: var(--surface2-dark);