admin
02b1b713a5
- Prioritize Athelas in --font-system font stack with system fonts as fallback - Apply italic style to splash button heading and label for typography emphasis
65 lines
1.1 KiB
CSS
65 lines
1.1 KiB
CSS
.wrapper {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: var(--spacing-26);
|
|
width: 100%;
|
|
z-index: 2;
|
|
}
|
|
|
|
.skip {
|
|
font-family: var(--font-athelas);
|
|
font-size: var(--font-size-xxl);
|
|
font-weight: 700;
|
|
font-style: italic;
|
|
color: #ffffff;
|
|
background: transparent;
|
|
border: 0;
|
|
cursor: pointer;
|
|
padding: 0;
|
|
}
|
|
|
|
.skip:disabled {
|
|
opacity: 0.5;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.separator {
|
|
width: var(--spacing-26);
|
|
height: 1px;
|
|
}
|
|
|
|
.facebookButton {
|
|
height: 48px;
|
|
padding: 0 30px;
|
|
border: 0;
|
|
border-radius: 24px;
|
|
/* 渐变色引用 tokens/colors.css 中定义的 token */
|
|
background: linear-gradient(
|
|
to right,
|
|
var(--color-button-gradient-start),
|
|
var(--color-button-gradient-end)
|
|
);
|
|
color: #ffffff;
|
|
font-weight: 700;
|
|
cursor: pointer;
|
|
font-style: italic;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
box-shadow: 0 0 10px rgba(248, 89, 168, 0.3);
|
|
}
|
|
|
|
.facebookButton:disabled {
|
|
cursor: not-allowed;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.facebookLabel {
|
|
font-family: var(--font-athelas);
|
|
font-size: var(--font-size-xxl);
|
|
font-weight: 700;
|
|
color: #ffffff;
|
|
}
|