4334fd7364
Squashed commit of the following:
commit 6f06bf69b87c77473c21fbe5fcc5669964793b17
Author: Erik Tiekstra <erik.tiekstra@arbetsformedlingen.se>
Date: Thu May 20 15:01:16 2021 +0200
Fixed issue with including qp insde breadcrumbs
commit 579b6105acc7a60864f07b6082329872a2105bd3
Author: Erik Tiekstra <erik.tiekstra@arbetsformedlingen.se>
Date: Thu May 20 14:46:54 2021 +0200
Added some more data to the mock-api and fixed navigation-bar
commit f9b820136017584655fadafaf716155aec85316e
Author: Erik Tiekstra <erik.tiekstra@arbetsformedlingen.se>
Date: Thu May 20 10:11:55 2021 +0200
Updated mock-api
commit 5367d2a475b1c0b8807cf5a9c3f8987b3a586de4
Author: Erik Tiekstra <erik.tiekstra@arbetsformedlingen.se>
Date: Wed May 19 16:00:07 2021 +0200
Added different config for dotnet api
commit 47de5b8ad7c0924c82f07568aa2a4386613e3bd6
Merge: 22d5e9a dc40953
Author: Erik Tiekstra <erik.tiekstra@arbetsformedlingen.se>
Date: Wed May 19 07:54:55 2021 +0200
Merged develop
commit 22d5e9a126e3c1237531407ec3e6d47fbfea55e8
Author: Erik Tiekstra <erik.tiekstra@arbetsformedlingen.se>
Date: Wed May 12 11:48:25 2021 +0200
Added new configuration to talk with local API
72 lines
1.5 KiB
SCSS
72 lines
1.5 KiB
SCSS
@import 'mixins/list';
|
|
@import 'variables/breakpoints';
|
|
@import 'variables/colors';
|
|
@import 'variables/gutters';
|
|
@import 'variables/navigation';
|
|
|
|
.navigation {
|
|
background-color: var(--digi--ui--color--background--profile);
|
|
border-bottom: 1px solid var(--digi--ui--color--background--off);
|
|
position: relative;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 0 var(--digi--layout--gutter);
|
|
height: $dafa__navigation-height;
|
|
|
|
@media (min-width: $digi--layout--breakpoint--m) {
|
|
height: $dafa__navigation-height-large;
|
|
}
|
|
|
|
&__logo-wrapper {
|
|
height: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
&__logo {
|
|
height: $dafa__navigation-height / 2.5;
|
|
vertical-align: middle;
|
|
|
|
@media (min-width: $digi--layout--breakpoint--m) {
|
|
height: $dafa__navigation-height-large / 2.5;
|
|
}
|
|
}
|
|
|
|
&__list {
|
|
@include dafa__reset-list;
|
|
display: flex;
|
|
height: 100%;
|
|
gap: $digi--layout--gutter--l;
|
|
color: var(--digi--typography--color--text--light);
|
|
margin-right: var(--digi--layout--gutter);
|
|
}
|
|
|
|
&__item {
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
&--user {
|
|
padding: var(--digi--layout--gutter--s);
|
|
}
|
|
}
|
|
|
|
&__link {
|
|
text-decoration: none;
|
|
display: flex;
|
|
color: var(--digi--typography--color--text--light);
|
|
padding: var(--digi--layout--gutter--s);
|
|
}
|
|
|
|
&__link {
|
|
&:hover {
|
|
}
|
|
}
|
|
|
|
&__text {
|
|
margin-right: var(--digi--layout--gutter);
|
|
font-size: var(--digi--typography--font-size--xs);
|
|
// margin-top: var(--digi--layout--gutter--xs);
|
|
}
|
|
}
|