Introduce a modular SCSS structure to improve maintainability and organization of stylesheets. Add lightbox functionality for homepage screenshots, including responsive JavaScript behavior and custom styling for enhanced user experience. Update tasks documentation with improvement initiatives for the project.
29 lines
425 B
SCSS
29 lines
425 B
SCSS
// Base HTML and root settings
|
|
|
|
html {
|
|
font-size: 100% !important;
|
|
}
|
|
|
|
// Schriftart auf "Assistant" setzen
|
|
:root {
|
|
--md-text-font: "Assistant";
|
|
--md-code-font: "Assistant";
|
|
}
|
|
|
|
// Transition mixin for reuse
|
|
@mixin transition {
|
|
transition: all 0.5s ease;
|
|
}
|
|
|
|
// General layout settings
|
|
.md-grid {
|
|
max-width: 1080px;
|
|
}
|
|
|
|
.satag--padding-container {
|
|
padding: 4rem 0;
|
|
}
|
|
|
|
.satag-trademark {
|
|
text-transform: lowercase;
|
|
} |