Moku/Work
1
0
Fork 0
Code Issues Pull Requests Activity

Feat: First Commit + Project Scaffolding + Initialize Styling

Browse Source 
License Added
This commit is contained in:
MangoPig
2026-06-13 07:21:40 +01:00
commit fa45b46cd2
38 changed files with 7849 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
Frontend/src/styles/tools/_mixins.scss Normal file
View File

@@ -0,0 +1,55 @@
/* Path: Frontend/src/styles/tools/_mixins.scss */
@use "./breakpoints" as *;
@mixin respond-up($breakpoint) {
@if $breakpoint == mobile {
@media (min-width: $breakpoint-mobile) {
@content;
}
} @else if $breakpoint == tablet {
@media (min-width: $breakpoint-tablet) {
@content;
}
} @else if $breakpoint == desktop {
@media (min-width: $breakpoint-desktop) {
@content;
}
}
}
@mixin text-caption {
font-size: clamp(0.75rem, 0.72rem + 0.12vw, 0.875rem);
font-weight: 500;
line-height: 1.4;
}
@mixin text-label {
font-size: clamp(0.875rem, 0.84rem + 0.15vw, 1rem);
font-weight: 600;
line-height: 1.4;
}
@mixin text-body {
font-size: clamp(0.95rem, 0.92rem + 0.18vw, 1.05rem);
font-weight: 400;
line-height: 1.6;
}
@mixin text-title {
font-size: clamp(1.1rem, 1rem + 0.4vw, 1.35rem);
font-weight: 600;
line-height: 1.25;
}
@mixin text-heading {
font-size: clamp(1.45rem, 1.2rem + 1vw, 2rem);
font-weight: 650;
line-height: 1.1;
}
@mixin text-display {
font-size: clamp(2rem, 1.45rem + 2.1vw, 3.5rem);
font-weight: 700;
line-height: 1;
}