completionId: cgen-0a8ee54525e8482880312880617b999e
cgen-0a8ee54525e8482880312880617b999e
This commit is contained in:
Builder.io
parent
4c63e4f67b
commit
9cc21cf400
1 changed files with 167 additions and 0 deletions
|
|
@ -117,6 +117,173 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@layer utilities {
|
@layer utilities {
|
||||||
|
/* Arm Theme Font Classes */
|
||||||
|
.font-labs {
|
||||||
|
font-family: "VT323", "Courier New", monospace;
|
||||||
|
letter-spacing: 0.05em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.font-gameforge {
|
||||||
|
font-family: "Press Start 2P", "Arial Black", sans-serif;
|
||||||
|
letter-spacing: 0.1em;
|
||||||
|
font-size: 0.875em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.font-corp {
|
||||||
|
font-family: "Inter", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
|
||||||
|
sans-serif;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.font-foundation {
|
||||||
|
font-family: "Merriweather", "Georgia", serif;
|
||||||
|
font-weight: 700;
|
||||||
|
letter-spacing: -0.02em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.font-devlink {
|
||||||
|
font-family: "Roboto Mono", "Courier New", monospace;
|
||||||
|
font-weight: 400;
|
||||||
|
letter-spacing: 0.02em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.font-staff {
|
||||||
|
font-family: "Inter", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
|
||||||
|
sans-serif;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.font-nexus {
|
||||||
|
font-family: "Inter", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
|
||||||
|
sans-serif;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.font-default {
|
||||||
|
font-family: "Inter", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
|
||||||
|
sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Arm Theme Wallpaper Patterns */
|
||||||
|
.wallpaper-labs {
|
||||||
|
background-image: radial-gradient(
|
||||||
|
circle,
|
||||||
|
rgba(251, 191, 36, 0.08) 1px,
|
||||||
|
transparent 1px
|
||||||
|
);
|
||||||
|
background-size: 20px 20px;
|
||||||
|
background-attachment: fixed;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wallpaper-gameforge {
|
||||||
|
background-image: linear-gradient(
|
||||||
|
45deg,
|
||||||
|
rgba(34, 197, 94, 0.06) 25%,
|
||||||
|
transparent 25%,
|
||||||
|
transparent 75%,
|
||||||
|
rgba(34, 197, 94, 0.06) 75%
|
||||||
|
),
|
||||||
|
linear-gradient(
|
||||||
|
45deg,
|
||||||
|
rgba(34, 197, 94, 0.06) 25%,
|
||||||
|
transparent 25%,
|
||||||
|
transparent 75%,
|
||||||
|
rgba(34, 197, 94, 0.06) 75%
|
||||||
|
);
|
||||||
|
background-size: 40px 40px;
|
||||||
|
background-position: 0 0, 20px 20px;
|
||||||
|
background-attachment: fixed;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wallpaper-corp {
|
||||||
|
background-image: linear-gradient(
|
||||||
|
90deg,
|
||||||
|
rgba(59, 130, 246, 0.05) 1px,
|
||||||
|
transparent 1px
|
||||||
|
),
|
||||||
|
linear-gradient(rgba(59, 130, 246, 0.05) 1px, transparent 1px);
|
||||||
|
background-size: 20px 20px;
|
||||||
|
background-attachment: fixed;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wallpaper-foundation {
|
||||||
|
background-image: repeating-linear-gradient(
|
||||||
|
0deg,
|
||||||
|
rgba(239, 68, 68, 0.04) 0px,
|
||||||
|
rgba(239, 68, 68, 0.04) 1px,
|
||||||
|
transparent 1px,
|
||||||
|
transparent 2px
|
||||||
|
);
|
||||||
|
background-attachment: fixed;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wallpaper-devlink {
|
||||||
|
background-image: linear-gradient(
|
||||||
|
0deg,
|
||||||
|
transparent 24%,
|
||||||
|
rgba(6, 182, 212, 0.08) 25%,
|
||||||
|
rgba(6, 182, 212, 0.08) 26%,
|
||||||
|
transparent 27%,
|
||||||
|
transparent 74%,
|
||||||
|
rgba(6, 182, 212, 0.08) 75%,
|
||||||
|
rgba(6, 182, 212, 0.08) 76%,
|
||||||
|
transparent 77%,
|
||||||
|
transparent
|
||||||
|
),
|
||||||
|
linear-gradient(
|
||||||
|
90deg,
|
||||||
|
transparent 24%,
|
||||||
|
rgba(6, 182, 212, 0.08) 25%,
|
||||||
|
rgba(6, 182, 212, 0.08) 26%,
|
||||||
|
transparent 27%,
|
||||||
|
transparent 74%,
|
||||||
|
rgba(6, 182, 212, 0.08) 75%,
|
||||||
|
rgba(6, 182, 212, 0.08) 76%,
|
||||||
|
transparent 77%,
|
||||||
|
transparent
|
||||||
|
);
|
||||||
|
background-size: 50px 50px;
|
||||||
|
background-attachment: fixed;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wallpaper-staff {
|
||||||
|
background-image: radial-gradient(
|
||||||
|
circle,
|
||||||
|
rgba(168, 85, 247, 0.08) 1px,
|
||||||
|
transparent 1px
|
||||||
|
);
|
||||||
|
background-size: 20px 20px;
|
||||||
|
background-attachment: fixed;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wallpaper-nexus {
|
||||||
|
background-image: linear-gradient(
|
||||||
|
45deg,
|
||||||
|
rgba(236, 72, 153, 0.06) 25%,
|
||||||
|
transparent 25%,
|
||||||
|
transparent 75%,
|
||||||
|
rgba(236, 72, 153, 0.06) 75%
|
||||||
|
),
|
||||||
|
linear-gradient(
|
||||||
|
45deg,
|
||||||
|
rgba(236, 72, 153, 0.06) 25%,
|
||||||
|
transparent 25%,
|
||||||
|
transparent 75%,
|
||||||
|
rgba(236, 72, 153, 0.06) 75%
|
||||||
|
);
|
||||||
|
background-size: 40px 40px;
|
||||||
|
background-position: 0 0, 20px 20px;
|
||||||
|
background-attachment: fixed;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wallpaper-default {
|
||||||
|
background-image: linear-gradient(
|
||||||
|
135deg,
|
||||||
|
rgba(167, 139, 250, 0.05) 0%,
|
||||||
|
rgba(96, 165, 250, 0.05) 100%
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
.section-cozy {
|
.section-cozy {
|
||||||
padding-block: var(--space-section-y);
|
padding-block: var(--space-section-y);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue