Project 7: Login Screen
CSS Stylist
tags.html
1 / 4
12345
/* Base Styles for Login Screen */
:root {
--brand-primary: #2563eb;
--brand-secondary: #7c3aed;
--surface-100: #ffffff;
--surface-200: #f8fafc;
--surface-300: #e2e8f0;
--text-900: #0f172a;
--text-600: #475569;
}
body {
margin: 0;
font-family: system-ui, -apple-system, sans-serif;
color: var(--text-900);
background-color: var(--surface-200);
}
Welcome to Login Screen CSS
In this project, we'll style the Login Screen from scratch. Let's start with CSS Reset and CSS Variables.