87 lines
1.3 KiB
SCSS
87 lines
1.3 KiB
SCSS
.portfolio-panel-container {
|
|
@include media($large-screen) {
|
|
@include grid-row;
|
|
}
|
|
}
|
|
|
|
.portfolio-navigation {
|
|
@include panel-margin;
|
|
margin-bottom: $gap * 4;
|
|
|
|
ul {
|
|
display: flex;
|
|
flex-direction: column;
|
|
li {
|
|
flex-grow: 1;
|
|
}
|
|
}
|
|
|
|
@include media($medium-screen) {
|
|
margin-bottom: $gap * 5;
|
|
}
|
|
|
|
@include media($large-screen) {
|
|
width: 20rem;
|
|
margin-right: $gap * 2;
|
|
|
|
ul {
|
|
display: block;
|
|
}
|
|
}
|
|
}
|
|
|
|
.portfolio-funding {
|
|
.portfolio-funding__header {
|
|
padding: 0;
|
|
margin: 0 $gap;
|
|
|
|
align-items: center;
|
|
|
|
.portfolio-funding__header--funded-through {
|
|
padding: 2 * $gap;
|
|
flex-grow: 1;
|
|
text-align: left;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.funded {
|
|
color: $color-green;
|
|
.icon {
|
|
@include icon-color($color-green);
|
|
}
|
|
}
|
|
}
|
|
|
|
.pending-task-order {
|
|
background-color: $color-gold-lightest;
|
|
|
|
align-items: center;
|
|
margin: 0;
|
|
padding: 2 * $gap;
|
|
|
|
dt {
|
|
font-weight: bold;
|
|
}
|
|
|
|
dd {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.label {
|
|
margin-right: 2 * $gap;
|
|
}
|
|
|
|
.pending-task-order__started {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.pending-task-order__value {
|
|
text-align: right;
|
|
}
|
|
}
|
|
|
|
.view-task-order-link {
|
|
margin-left: $gap * 2;
|
|
}
|
|
}
|