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

Css - biały

Browse Source
This commit is contained in:
dm
2025-12-19 14:56:02 +01:00
parent 8d984c7a9c
commit 1ec16fb089
7 changed files with 171 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/styles/cards.css
View File

@@ -53,7 +53,7 @@
}
.f-card-label {
@apply text-base font-medium opacity-80;
@apply text-base font-medium opacity-95;
}
.f-card-value {

2
src/styles/contact.css
View File

@@ -8,7 +8,7 @@
}
p:first-of-type {
@apply py-3 text-3xl text-gray-400;
@apply py-3 text-3xl;
}
}

3
src/styles/jambox-tematyczne.css
View File

@@ -110,7 +110,8 @@ margin: 1.75rem auto;
border-radius: 2rem;
border: 1px solid color-mix(in oklab, var(--f-border-color) 82%, transparent 18%);
background: color-mix(in oklab, var(--f-background) 96%, black 10%);
background-color: var(--f-premium-bg);
/* background: color-mix(in oklab, var(--f-background) 96%, black 10%); */
box-shadow:
0 18px 40px -28px rgba(0,0,0,.35),

4
src/styles/markdown.css
View File

@@ -6,6 +6,10 @@
@apply text-2xl;
}
.fuz-markdown p a:hover{
@apply text-[--f-link-text-hover];
}
.fuz-markdown h1 {
@apply text-3xl font-bold mt-8 mb-4;
}

63
src/styles/sections.css
View File

@@ -1,46 +1,45 @@
/* @layer components { */
.f-section-header {
@apply text-4xl md:text-5xl font-bold mb-3 text-[--f-header];
.f-section-header {
@apply text-4xl md:text-5xl font-bold mb-3 text-[--f-header];
}
}
.f-section {
@apply pt-1 pb-1 mx-2 my-6;;
}
.f-section {
@apply pt-1 pb-1 mx-2 my-6;
;
}
.f-section-center {
@apply f-section text-center;
}
.f-section-center {
@apply f-section text-center;
}
.f-section-grid {
@apply grid items-center gap-5 max-w-7xl mx-auto mt-8;
}
.f-section-grid {
@apply grid items-center gap-5 max-w-7xl mx-auto mt-8;
}
.f-section-grid-single {
@apply grid items-center gap-5 max-w-7xl mx-auto;
}
.f-section-grid-single {
@apply grid items-center gap-5 max-w-7xl mx-auto;
}
.f-section-grid-single-center {
@apply f-section-grid-single text-center;
}
.f-section-grid-single-center {
@apply f-section-grid-single text-center;
}
.f-section-image {
@apply w-full object-contain;
}
.f-section-image {
@apply w-full object-contain;
}
.f-image-dimmed {
@apply opacity-[1];
}
.f-image-dimmed {
@apply opacity-[1];
}
.f-section-title {
@apply text-4xl md:text-5xl font-bold mb-2 text-[--f-header];
}
.f-section-title {
@apply text-4xl md:text-5xl font-bold mb-2 text-[--f-header];
}
.f-section-nav {
@apply mt-0 flex justify-center;
}
.f-section-nav {
@apply mt-0 flex justify-center;
}
/* } */

19
src/styles/theme.css
View File

@@ -7,27 +7,30 @@
--brand-dark: hsl(200 calc(100% / 0.2) calc(50% / 1.5));
--f-navbar-height: 84px;
/* -------------------------- */
--f-hero-text: #d1d6d9;
--f-hero-header: #d1d6d9;
/* --- Background and Text --- */
--f-background: #e0e6eb;
--f-background: #ffffff;
/* #e0e6eb; */
--f-text: #36525e;
--f-header: #001a33;
--f-header-items: (#001a33);
/*--- Navbar --- */
--f-navbar-background: #b3b8ba;
--f-navbar-background: #e0e6eb;
--f-navbar-link: #0066cc;
--f-navbar-link-hover: #1a6655;
--f-navbar-link-hover: #ef233c;
/*--- Footer --- */
--f-footer-background: #ccd6db;
--f-footer-background: #e0e6eb;
--f-footer-link-text: #0066cc;
/* --- Linki --- */
--f-link-text: #0066cc;
--f-link-text-hover: #1a6655;
--f-link-text-hover: #ef233c;
--btn-background: #0066cc;
--btn-text: #ccd6db;
--btn-text: #e4ebee;
--btn-background-hover: #ccd6db;
--btn-text-hover: #0066cc;
@@ -60,6 +63,7 @@
/* Obramowanie footer w kanałów premium */
--f-premium-border: #adb5bd;
--f-premium-bg: #f7f5f5;
}
@@ -120,5 +124,6 @@ html.dark {
--f-addons-text: #fffae6;
--f-addons-background: #1a6655;
--f-premium-border: #3d3f40;
--f-premium-border: #6c757d;
--f-premium-bg: #343a40;
}