Scaffolding baseline
This commit is contained in:
@@ -0,0 +1,47 @@
|
||||
.app {
|
||||
max-width: 40rem;
|
||||
margin: 4rem auto;
|
||||
padding: 0 1.5rem;
|
||||
font-family: 'IBM Plex Sans', 'Segoe UI', sans-serif;
|
||||
color: #12263a;
|
||||
}
|
||||
|
||||
.app h1 {
|
||||
margin: 0 0 0.5rem;
|
||||
font-size: 2.5rem;
|
||||
letter-spacing: -0.03em;
|
||||
}
|
||||
|
||||
.app p {
|
||||
margin: 0 0 1.5rem;
|
||||
line-height: 1.5;
|
||||
color: #3a5166;
|
||||
}
|
||||
|
||||
.app button {
|
||||
appearance: none;
|
||||
border: 1px solid #1f4b6e;
|
||||
background: #1f4b6e;
|
||||
color: #f7fafc;
|
||||
padding: 0.65rem 1rem;
|
||||
font: inherit;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.app button:disabled {
|
||||
opacity: 0.7;
|
||||
cursor: wait;
|
||||
}
|
||||
|
||||
.app button:not(:disabled):hover {
|
||||
background: #16384f;
|
||||
}
|
||||
|
||||
.app [role='status'],
|
||||
.app [role='alert'] {
|
||||
margin-top: 1.25rem;
|
||||
}
|
||||
|
||||
.app [role='alert'] {
|
||||
color: #8a1c1c;
|
||||
}
|
||||
Reference in New Issue
Block a user