mirror of
https://github.com/arsvendg/Stirling-PDF.git
synced 2026-07-16 03:20:46 +02:00
EthanHealy01andGitHub
33026e1a82
<img width="1002" height="487" alt="Screenshot 2026-06-11 at 6 20 10 PM" src="https://github.com/user-attachments/assets/5ee3cfc2-6c4f-4b35-9586-ef45fa216c6a" />
92 lines
1.9 KiB
CSS
92 lines
1.9 KiB
CSS
/* Shared styles for the SaaS onboarding slides */
|
|
|
|
/* ── Slide 1: free editor pitch ─────────────────────────────────────────── */
|
|
|
|
.freeLine {
|
|
display: block;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.freeHighlight {
|
|
background: linear-gradient(135deg, #6366f1, #ec4899);
|
|
-webkit-background-clip: text;
|
|
background-clip: text;
|
|
color: transparent;
|
|
font-weight: 700;
|
|
}
|
|
|
|
/* ── Slide 2: usage meter snapshot ──────────────────────────────────────── */
|
|
|
|
.usageMeterWrap {
|
|
max-width: 420px;
|
|
margin: 16px auto 0;
|
|
text-align: left;
|
|
}
|
|
|
|
/* ── Slide 3: team ──────────────────────────────────────────────────────── */
|
|
|
|
.teamCard {
|
|
max-width: 460px;
|
|
margin: 12px auto 0;
|
|
text-align: left;
|
|
}
|
|
|
|
.memberList {
|
|
display: flex;
|
|
flex-direction: column;
|
|
max-height: 200px;
|
|
overflow-y: auto;
|
|
border: 1px solid var(--border-default, #d1d5db);
|
|
border-radius: 12px;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.memberRow {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 12px;
|
|
padding: 10px 14px;
|
|
}
|
|
|
|
.memberRow + .memberRow {
|
|
border-top: 1px solid var(--border-subtle, #e5e7eb);
|
|
}
|
|
|
|
.memberIdentity {
|
|
flex: 1;
|
|
min-width: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.memberName {
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
color: var(--onboarding-title, #111827);
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.memberEmail {
|
|
font-size: 12px;
|
|
color: var(--onboarding-body, #6b7280);
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.inviteRow {
|
|
display: flex;
|
|
gap: 8px;
|
|
}
|
|
|
|
.inviteRow > :first-child {
|
|
flex: 1;
|
|
}
|
|
|
|
.inviteFeedback {
|
|
font-size: 13px;
|
|
margin-top: 8px;
|
|
}
|