80 lines
1.9 KiB
Plaintext
80 lines
1.9 KiB
Plaintext
/*
|
|
Put your custom overlay styles in here
|
|
You can use your northpass color palette in this file
|
|
|
|
{{ color_palette.button_font_color }}
|
|
{{ color_palette.button_color }}
|
|
{{ color_palette.button_hover_color }}
|
|
{{ color_palette.header_font_color }}
|
|
{{ color_palette.header_font_hover_color }}
|
|
{{ color_palette.header_color }}
|
|
*/
|
|
|
|
@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');
|
|
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
|
|
|
|
html > body,
|
|
.np-dashboard.np-dashboard,
|
|
.np-learning-paths.np-learning-paths {
|
|
background: #f8f8f8;
|
|
}
|
|
|
|
body *:not(i) {
|
|
font-family: 'Inter', sans-serif;
|
|
}
|
|
|
|
.np-homepage-headline, .np-card-content-title,
|
|
.np-dashboard-resources-title, .np-resource-title,
|
|
.np-training-session-sessions-title, .np-top-title,
|
|
.np-text-title, .np-card-heading, .np-text-title-bold {
|
|
font-family: 'Marcellus', serif;
|
|
color: #353535;
|
|
}
|
|
|
|
.np-homepage-headline.np-homepage-headline,
|
|
.np-homepage-subheadline.np-homepage-subheadline,
|
|
.np-resource-title.np-resource-title,
|
|
.np-resource-subtitle.np-resource-subtitle {
|
|
color: #353535;
|
|
}
|
|
|
|
.np-dashboard-resources-title.np-dashboard-resources-title {
|
|
font-size: 1rem;
|
|
line-height: 1;
|
|
text-transform: none;
|
|
}
|
|
|
|
.np-top-title {
|
|
font-size: 1.75rem;
|
|
}
|
|
|
|
@media screen and (min-width: 768px) {
|
|
.np-resource-header .np-top-title {
|
|
font-size: 2rem;
|
|
}
|
|
}
|
|
|
|
.course-points {
|
|
background-color: {{ color_palette.button_color }};
|
|
color: {{ color_palette.button_font_color }};
|
|
width: fit-content;
|
|
padding: 5px 10px;
|
|
border-radius: 4px;
|
|
font-weight: 700;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.np-button.course-button {
|
|
color: #353535;
|
|
background-color: transparent;
|
|
border: 1px solid #DADCE0;
|
|
transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
|
|
.np-button.course-button:hover {
|
|
background-color: rgba(33, 35, 38, 0.04);
|
|
}
|
|
|
|
.np-card-container {
|
|
box-shadow: 0px 0px 16px 0 rgb(161 171 171 / 45%);
|
|
} |