40 lines
943 B
SCSS
40 lines
943 B
SCSS
@use 'themes' as t;
|
|
@use 'variables';
|
|
@use 'mixins';
|
|
@use 'globals';
|
|
@use 'topbar';
|
|
@use 'hero-section';
|
|
@use 'about-section';
|
|
|
|
// Import Geist font from Google Fonts or local files
|
|
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100;200;300;400;500;600;700;800;900&display=swap');
|
|
|
|
// CSS Reset - Add this
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
// Standard Theme (Light)
|
|
:root {
|
|
@include t.theme-vars(t.$light-theme);
|
|
}
|
|
|
|
// Dark Theme aktiv, wenn `data-theme="dark"` am html oder body
|
|
[data-theme='dark'] {
|
|
@include t.theme-vars(t.$dark-theme);
|
|
}
|
|
|
|
body {
|
|
font-family: 'Geist', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
|
|
background-color: var(--color-background);
|
|
color: var(--color-text);
|
|
margin: 0; // Explicitly remove body margin
|
|
padding: 0; // Explicitly remove body padding
|
|
}
|
|
|
|
section {
|
|
height: 100vh;
|
|
margin: 0; // Remove any section margins
|
|
} |