8f3d203b70
fix(SW-1041): fix UI design feedback * fix(SW-1041): fix UI design feedback * fix(SW-1041): small fix * fix(SW-1041): add filter and sort badge * fix(SW-1041): update activefilter when entering map view * fix(SW-1041): create hook with activefilters * fix(SW-1041): hook only sets filter * fix(SW-1041): fix padding breadcrumbs * fix(SW-1041): rename hook * fix(SW-1041): fix double scroll Approved-by: Pontus Dreij Approved-by: Niclas Edenvin
94 lines
1.3 KiB
CSS
94 lines
1.3 KiB
CSS
.icon {
|
|
margin: 0;
|
|
}
|
|
|
|
.baseIconLowContrast,
|
|
.baseIconLowContrast * {
|
|
fill: var(--Base-Icon-Low-contrast);
|
|
}
|
|
|
|
.black,
|
|
.black * {
|
|
fill: #000;
|
|
}
|
|
|
|
.burgundy,
|
|
.burgundy * {
|
|
fill: var(--Scandic-Brand-Burgundy);
|
|
}
|
|
|
|
.grey80,
|
|
.grey80 * {
|
|
fill: var(--UI-Grey-80);
|
|
}
|
|
|
|
.green,
|
|
.green * {
|
|
fill: var(--Scandic-Green-50);
|
|
}
|
|
|
|
.pale,
|
|
.pale * {
|
|
fill: var(--Scandic-Brand-Pale-Peach);
|
|
}
|
|
|
|
.peach80,
|
|
.peach80 * {
|
|
fill: var(--Scandic-Peach-80);
|
|
}
|
|
|
|
.plosa,
|
|
.plosa * {
|
|
fill: var(--Primary-Light-On-Surface-Accent);
|
|
}
|
|
|
|
.red,
|
|
.red * {
|
|
fill: var(--Scandic-Brand-Scandic-Red);
|
|
}
|
|
|
|
.white,
|
|
.white * {
|
|
fill: var(--UI-Opacity-White-100);
|
|
}
|
|
|
|
.uiTextHighContrast,
|
|
.uiTextHighContrast * {
|
|
fill: var(--UI-Text-High-contrast);
|
|
}
|
|
|
|
.uiTextMediumContrast,
|
|
.uiTextMediumContrast * {
|
|
fill: var(--UI-Text-Medium-contrast);
|
|
}
|
|
|
|
.uiTextPlaceholder,
|
|
.uiTextPlaceholder * {
|
|
fill: var(--UI-Text-Placeholder);
|
|
}
|
|
|
|
.blue,
|
|
.blue * {
|
|
fill: var(--UI-Input-Controls-Fill-Selected);
|
|
}
|
|
|
|
.baseButtonTertiaryOnFillNormal,
|
|
.baseButtonTertiaryOnFillNormal * {
|
|
fill: var(--Base-Button-Tertiary-On-Fill-Normal);
|
|
}
|
|
|
|
.baseButtonTextOnFillNormal,
|
|
.baseButtonTextOnFillNormal * {
|
|
fill: var(--Base-Button-Text-On-Fill-Normal);
|
|
}
|
|
|
|
.baseTextHighcontrast,
|
|
.baseTextHighcontrast * {
|
|
fill: var(--Base-Text-High-contrast);
|
|
}
|
|
|
|
.disabled,
|
|
.disabled * {
|
|
fill: var(--Base-Text-Disabled);
|
|
}
|