64 lines
3.1 KiB
SCSS
64 lines
3.1 KiB
SCSS
//
|
|
// Platz für eigene Variablen in SCSS-Notation
|
|
//
|
|
// Alle Änderungen hier müssen anschließend mit einem SCSS-Compiler
|
|
// (z.B. dem JTL-Theme-Editor Plugin) nach my-nova.css kompiliert werden
|
|
// --------------------------------------------------
|
|
|
|
// my-nova Theme
|
|
// Hier können alle Variablen notiert werden, die nur Auswirkungen auf dieses Theme haben
|
|
// -------------------Beginn eigene Variablen----------------------------------
|
|
|
|
// --- Typografie (Modern & Elegant für ein Stoffgeschäft) ---
|
|
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap');
|
|
|
|
$font-family-sans-serif: 'Inter', sans-serif !default;
|
|
$headings-font-family: 'Playfair Display', serif !default;
|
|
$headings-font-weight: 600 !default;
|
|
|
|
// --- Farben ---
|
|
$primary: #2c8d2e !default; // Das gewünschte Grün für Kauf-Buttons
|
|
$secondary: #d4a373 !default; // Ein warmer, erdiger Ton (passt zu Stoffen/Holz)
|
|
$body-bg: #f9f8f6 !default; // Ein sehr sanftes Creme/Beige als Hintergrund ("Leinwand")
|
|
$body-color: #333333 !default;
|
|
|
|
$footer-color: #FFFFFF !default;
|
|
$footer-bg-color: #2E3740 !default;
|
|
$header-color: #000000 !default;
|
|
$header-bg-color: #FFFFFF !default;
|
|
$copyright-bg-color: #1a2026 !default; // Etwas dunkler als der Footer für Tiefe
|
|
|
|
$white: #ffffff !default;
|
|
$black: #000000 !default;
|
|
|
|
// --- UI Elemente (Rundungen & Schatten für einen modernen Look) ---
|
|
$enable-shadows: true !default;
|
|
$border-radius: 12px !default;
|
|
$border-radius-lg: 15px !default;
|
|
$border-radius-sm: 8px !default;
|
|
$box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !default;
|
|
$box-shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.04) !default;
|
|
|
|
// --- Forms & Inputs ---
|
|
$input-border-radius: $border-radius-sm !default;
|
|
$input-bg: $white !default;
|
|
$input-border-color: #e0e0e0 !default;
|
|
$input-focus-border-color: $secondary !default;
|
|
$input-focus-box-shadow: 0 0 0 0.2rem rgba($secondary, 0.25) !default;
|
|
|
|
// --- Animationen ---
|
|
$transition-base-duration: 0.3s !default;
|
|
$transition-base-timing: ease-in-out !default;
|
|
$transition-base: all $transition-base-duration $transition-base-timing !default;
|
|
$transition-fade: opacity .3s linear !default;
|
|
|
|
// -------------------Ende eigene Variablen----------------------------------
|
|
|
|
// Lädt Theme-Variablen, hier aus dem "clear"
|
|
// @import '../../../../NOVA/themes/blackline/sass/variables';
|
|
@import '../../../../NOVA/themes/clear/sass/variables';
|
|
// @import '../../../../NOVA/themes/midnight/sass/variables';
|
|
|
|
// passt die Pfade an
|
|
$nova-theme-path: "../../../NOVA/themes";
|
|
$fa-font-path: "../../../NOVA/themes/base/fontawesome/webfonts"; |