burkkyy/calebburke.dev
1
0
Fork 0
generated from alphane/template
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

formatting

Browse Source
This commit is contained in:
Caleb Burke
2026-07-15 01:01:19 -07:00
parent a0d5a7ec68
commit d33aef1680
27 changed files with 1631 additions and 1683 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/scss/layout/_text.scss
+61 -61
View File
@@ -1,98 +1,98 @@
$sizes: (
'display-1': 44px,
'display-2': 40px,
'display-3': 30px,
'h1': 36px,
'h2': 30px,
'h3': 21px,
'h4': 18px,
'h5': 16px,
'h6': 14px,
'text-10': 10px,
'text-12': 12px,
'text-13': 13px,
'text-14': 14px,
'text-15': 15px,
'text-16': 16px,
'text-17': 17px,
'text-18': 18px,
'text-20': 20px,
'text-22': 22px,
'text-24': 24px,
'text-28': 28px,
'text-34': 34px,
'text-40': 40px,
'text-44': 44px,
'text-48': 48px,
'text-50': 50px,
'text-52': 52px,
'text-56': 56px,
'text-64': 64px,
'body-text-1': 10px
"display-1": 44px,
"display-2": 40px,
"display-3": 30px,
"h1": 36px,
"h2": 30px,
"h3": 21px,
"h4": 18px,
"h5": 16px,
"h6": 14px,
"text-10": 10px,
"text-12": 12px,
"text-13": 13px,
"text-14": 14px,
"text-15": 15px,
"text-16": 16px,
"text-17": 17px,
"text-18": 18px,
"text-20": 20px,
"text-22": 22px,
"text-24": 24px,
"text-28": 28px,
"text-34": 34px,
"text-40": 40px,
"text-44": 44px,
"text-48": 48px,
"text-50": 50px,
"text-52": 52px,
"text-56": 56px,
"text-64": 64px,
"body-text-1": 10px,
);
@each $pixel, $size in $sizes {
.#{$pixel} {
font-size: $size;
line-height: $size + 10;
}
.#{$pixel} {
font-size: $size;
line-height: $size + 10;
}
}
$height: (
'h-10': 10px,
'h-12': 12px,
'h-15': 15px,
"h-10": 10px,
"h-12": 12px,
"h-15": 15px,
);
@each $pixel, $size in $height {
.#{$pixel} {
height: $size;
width: $size ;
}
.#{$pixel} {
height: $size;
width: $size;
}
}
.textSecondary {
color: rgb(var(--v-theme-textSecondary)) !important;
color: rgb(var(--v-theme-textSecondary)) !important;
}
.textPrimary {
color: rgb(var(--v-theme-textPrimary)) !important;
color: rgb(var(--v-theme-textPrimary)) !important;
}
// line height
.lh-md {
line-height: 1.57;
line-height: 1.57;
}
.lh-normal{
line-height: normal;
.lh-normal {
line-height: normal;
}
.font-weight-semibold {
font-weight: 600;
font-weight: 600;
}
// hover text
.text-hover-primary {
color: rgb(var(--v-theme-textPrimary));
color: rgb(var(--v-theme-textPrimary));
&:hover {
color: rgb(var(--v-theme-primary));
}
&:hover {
color: rgb(var(--v-theme-primary));
}
}
.link {
color: rgb(var(--v-theme-textSecondary));
text-decoration: none;
color: rgb(var(--v-theme-textSecondary));
text-decoration: none;
&:hover {
color: rgb(var(--v-theme-primary));
}
&:hover {
color: rgb(var(--v-theme-primary));
}
}
.hover-primary {
&:hover {
color: rgb(var(--v-theme-primary)) !important;
opacity: 1;
}
}
&:hover {
color: rgb(var(--v-theme-primary)) !important;
opacity: 1;
}
}