gitmedia/b2in
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

10-04-2026

Browse source
This commit is contained in:
Kevin Adametz 2026-04-10 17:18:17 +02:00
parent 4d6b4930b2
commit 4bb89aad8c
836 changed files with 52961 additions and 5950 deletions
Download patch file Download diff file Expand all files Collapse all files

5
resources/css/app.css
View file

@ -55,6 +55,11 @@
@apply !mb-0 !leading-tight;
}
/* CMS: Flux-Editor Highlight (mark) entspricht optisch „text-secondary“ im Frontend */
[data-flux-editor] [data-slot='content'] mark {
@apply bg-transparent text-zinc-500 dark:text-zinc-400;
}
input:focus[data-flux-control],
textarea:focus[data-flux-control],
select:focus[data-flux-control] {

11
resources/css/portal.css
View file

@ -1,3 +1,4 @@
@import "./web/fonts.css";
@import "tailwindcss";
@import "../../vendor/livewire/flux/dist/flux.css";
@ -70,10 +71,16 @@ select[data-flux-control] {
@apply text-zinc-900 dark:text-zinc-50;
}
/* Placeholder sollte deutlich heller sein */
/* Placeholder-Farbe (light mode) */
input[data-flux-control]::placeholder,
textarea[data-flux-control]::placeholder {
@apply text-zinc-400 dark:text-zinc-700;
color: var(--color-zinc-400);
}
/* Placeholder-Farbe (dark mode) – @apply dark: funktioniert nicht in ::placeholder */
:where(.dark, .dark *) input[data-flux-control]::placeholder,
:where(.dark, .dark *) textarea[data-flux-control]::placeholder {
color: var(--color-zinc-500);
}
.shadow-elegant {

1215
resources/css/web/exampels.css
View file

File diff suppressed because it is too large Load diff

134
resources/css/web/fonts.css Normal file
View file

@ -0,0 +1,134 @@
/**
* Lokale Font-Einbindungen (DSGVO-konform)
* Nur die tatsächlich verwendeten Weights aus shared-styles und Themes.
* Font-Dateien: public/fonts/{font-name}/
*/
/* Inter - Primary für alle Domains (300, 400, 500, 600, 700) */
@font-face {
font-display: swap;
font-family: 'Inter';
font-style: normal;
font-weight: 300;
src: url('/fonts/inter/inter-v20-latin-300.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
src: url('/fonts/inter/inter-v20-latin-regular.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Inter';
font-style: normal;
font-weight: 500;
src: url('/fonts/inter/inter-v20-latin-500.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Inter';
font-style: normal;
font-weight: 600;
src: url('/fonts/inter/inter-v20-latin-600.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Inter';
font-style: normal;
font-weight: 700;
src: url('/fonts/inter/inter-v20-latin-700.woff2') format('woff2');
}
/* IBM Plex Sans - Secondary (b2in, local4local) */
@font-face {
font-display: swap;
font-family: 'IBM Plex Sans';
font-style: normal;
font-weight: 400;
src: url('/fonts/ibm-plex-sans/ibm-plex-sans-v23-latin-regular.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: 'IBM Plex Sans';
font-style: normal;
font-weight: 500;
src: url('/fonts/ibm-plex-sans/ibm-plex-sans-v23-latin-500.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: 'IBM Plex Sans';
font-style: normal;
font-weight: 600;
src: url('/fonts/ibm-plex-sans/ibm-plex-sans-v23-latin-600.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: 'IBM Plex Sans';
font-style: normal;
font-weight: 700;
src: url('/fonts/ibm-plex-sans/ibm-plex-sans-v23-latin-700.woff2') format('woff2');
}
/* Merriweather - Secondary (b2a) */
@font-face {
font-display: swap;
font-family: 'Merriweather';
font-style: normal;
font-weight: 300;
src: url('/fonts/merriweather/merriweather-v33-latin-300.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Merriweather';
font-style: normal;
font-weight: 400;
src: url('/fonts/merriweather/merriweather-v33-latin-regular.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Merriweather';
font-style: normal;
font-weight: 700;
src: url('/fonts/merriweather/merriweather-v33-latin-700.woff2') format('woff2');
}
/* Ephesis - Secondary (style2own) */
@font-face {
font-display: swap;
font-family: 'Ephesis';
font-style: normal;
font-weight: 400;
src: url('/fonts/ephesis/ephesis-v11-latin-regular.woff2') format('woff2');
}
/* EB Garamond - Secondary (stileigentum) */
@font-face {
font-display: swap;
font-family: 'EB Garamond';
font-style: normal;
font-weight: 400;
src: url('/fonts/eb-garamond/eb-garamond-v32-latin-regular.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: 'EB Garamond';
font-style: normal;
font-weight: 500;
src: url('/fonts/eb-garamond/eb-garamond-v32-latin-500.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: 'EB Garamond';
font-style: normal;
font-weight: 600;
src: url('/fonts/eb-garamond/eb-garamond-v32-latin-600.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: 'EB Garamond';
font-style: normal;
font-weight: 700;
src: url('/fonts/eb-garamond/eb-garamond-v32-latin-700.woff2') format('woff2');
}

20
resources/css/web/shared-styles.css
View file

@ -1,4 +1,5 @@
/* Shared styles for all web themes - no @apply directives */
@import "./fonts.css";
*,
::before,
@ -17,6 +18,22 @@ body {
-moz-osx-font-smoothing: grayscale;
}
/* Cursor pointer für alle klickbaren Elemente (global) */
button,
a,
[role="button"],
input[type="submit"],
input[type="button"],
input[type="reset"],
summary {
cursor: pointer;
}
/* Klasse für klickbare Custom-Elemente (z. B. div mit @click) */
.clickable {
cursor: pointer;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 500;
letter-spacing: -0.025em;
@ -718,9 +735,6 @@ h1, h2, h3, h4, h5, h6 {
position: relative;
}
.text-section-title {
line-height: 0.95em;
}
.variante-glass-flow {
& * {

2
resources/css/web/theme-main.css
View file

@ -5,7 +5,7 @@
@custom-variant dark (&:where(.dark, .dark *));
@theme {
--font-sans: "Instrument Sans", ui-sans-serif, system-ui, sans-serif,
--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
"Noto Color Emoji";