markus/AMPERION_Webpage
1
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Juli 2025

Browse source
This commit is contained in:
Markus 2025-07-24 00:06:23 +02:00
parent 940295ac2e
commit 99b70acecf
12 changed files with 99 additions and 126 deletions
Download patch file Download diff file Expand all files Collapse all files

96
assets/scss (2)/style.scss
View file

@ -1,96 +0,0 @@
// Color Variables
{{ with site.Params.variables }}
$color-primary: {{.color_primary | default "#777"}};
$color-secondary: {{.color_secondary | default "#0AA8A7"}};
$text-color: {{.text_color | default "#004753"}};
$text-dark: {{.text_dark | default "#004753"}};
$text-light: {{.text_light | default "#999"}};
$body-bg: {{.body_color | default "#fff"}};
$border-color: {{.border_color | default "#ECECEC"}};
$black: {{.black | default "#777"}};
$white: {{.white | default "#fff"}};
$light: {{.light | default "#EDF6F5"}};
// Font Variables
$font-size: {{.font_size | default "16px"}};
$font-scale: {{.font_scale | default "1.25"}};
$font-primary: '{{replace (replaceRE ":[ital,]*[ital@]*[wght@]*[0-9,;]+" "" .font_primary | default "Lato") "+" " "}}', {{.font_primary_type | default "sans-serif"}};
$font-secondary: '{{replace (replaceRE ":[ital,]*[ital@]*[wght@]*[0-9,;]+" "" .font_secondary | default "Lato") "+" " "}}', {{.font_secondary_type | default "sans-serif"}};
$font-icon: '{{.font_icon | default "Font Awesome 5 Free"}}';
{{ end }}
$h1: 80px;
$h1-md: 34px;
$h2: 28px;
$h2-md: 26px;
$h2-sm: 22px;
$h3: 20px;
$h4: 16px;
@import 'mixins.scss';
@import 'media-query.scss';
@import 'typography.scss';
@import 'common.scss';
@import 'main.scss';
@import 'templates/_header.scss';
@import 'templates/_navigation.scss';
@import 'templates/_slider.scss';
@import 'templates/_call-to-action.scss';
@import 'templates/_service.scss';
@import 'templates/_feature.scss';
@import 'templates/_portfolio.scss';
@import 'templates/_testimonial.scss';
@import 'templates/_contact.scss';
@import 'templates/_pricing.scss';
@import 'templates/_products.scss';
@import 'templates/_single-product.scss';
@import 'templates/_clients.scss';
@import 'templates/_about.scss';
@import 'templates/_instagram.scss';
@import 'templates/_user-dashboard.scss';
@import 'templates/_single-post.scss';
@import 'templates/_backgrounds.scss';
@import 'templates/_blog-sidebar.scss';
@import 'templates/_blog.scss';
@import 'templates/_coming-soon.scss';
@import 'templates/_shopping.scss';
@import 'templates/_404.scss';
@import 'templates/_message-sent.scss';
@import 'templates/_footer.scss';
@import 'custom.scss';
html {
scroll-behavior: smooth;
}

3
assets/scss/_common.scss
View file

@ -806,4 +806,5 @@ span.cloaked-e-mail:before {
.why-title1 {
margin: 0; /* Entfernt zusätzliche Ränder */
}
}

23
assets/scss/custom.scss
View file

@ -197,7 +197,7 @@ section {
.service-grid {
display: grid;
gap: 20px; /* 40px Abstand sowohl horizontal als auch vertikal */
gap: 30px; /* 40px Abstand sowohl horizontal als auch vertikal */
grid-template-columns: repeat(3, 1fr);
/* => Standard: 3 Spalten für größere Bildschirme */
}
@ -233,7 +233,7 @@ section {
}
.service-item-fixed:hover .zoom-wrap {
transform: scale(1.2);
transform: scale(1.06);
}
.zoom-wrap a {
@ -256,7 +256,7 @@ section {
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.3); /* dunkler Schleier (30% schwarz) */
background: rgba(0, 0, 0, 0.4); /* dunkler Schleier (30% schwarz) */
z-index: 1; /* Overlay unter dem Text, aber über dem Bild */
pointer-events: auto; /* Stellt sicher, dass das Overlay klickbar ist */
}
@ -303,3 +303,20 @@ section {
height: auto;
max-width: 70%;
}
.custom-title {
color: #046e6e; /* Ersetze dies mit der Farbe deiner Wahl */
}
.hover-link {
transition: color 0.3s ease;
}
.hover-link:hover {
color: #F5A623;
}

2
assets/scss/style.scss
View file

@ -2,7 +2,7 @@
{{ with site.Params.variables }}
$color-primary: {{.color_primary | default "#fff"}};
$color-secondary: {{.color_secondary | default "#0AA8A7"}};
$text-color: {{.text_color | default "#777"}};
$text-color: {{.text_color | default "#fff"}};
$text-dark: {{.text_dark | default "#222"}};
$text-light: {{.text_light | default "#737373"}};
$body-bg: {{.body_color | default "#fff"}};