@ebay/skin
Version:
Skin - CSS modules that represent the brand eBay
86 lines (73 loc) • 1.88 kB
CSS
.education-notice {
background-color: var(
--education-notice-default-background-color,
var(--color-background-secondary)
);
border-radius: var(
--education-notice-border-radius,
var(--border-radius-100)
);
color: var(--color-foreground-primary);
font-size: var(--font-size-default);
padding: var(--spacing-300);
}
.education-notice--prominent {
background-color: var(
--education-notice-education-background-color,
var(--color-background-education)
);
}
.education-notice__header {
align-items: center;
display: flex;
}
.education-notice__title {
flex-grow: 1;
font-size: var(--font-size-medium);
font-weight: 700;
line-height: 1.5em;
margin: 0;
margin-inline-start: var(--spacing-150);
}
.education-notice__main {
margin-top: var(--spacing-200);
}
.education-notice__dismiss {
margin-inline-start: var(--spacing-150);
}
.education-notice button.icon-btn {
background-color: initial;
}
.education-notice__header .icon--prominent {
color: var(--color-foreground-accent);
}
.education-notice__footer a {
color: var(
--education-notice-foreground-color,
var(--color-foreground-primary)
);
white-space: nowrap;
}
.education-notice__footer a,
.education-notice__footer button.fake-link {
font-size: var(--font-size-default);
font-weight: 700;
}
.education-notice__main p {
font-size: var(--font-size-default);
margin: 0;
}
.education-notice__footer {
margin-top: var(--spacing-200);
}
.education-notice__header button.fake-link,
.education-notice__header button.fake-link:hover {
color: var(
--education-notice-foreground-color,
var(--color-foreground-primary)
);
font-size: var(--font-size-default);
font-weight: 700;
height: 24px;
width: 24px;
}