pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add rudimentary breadcrumb at top of page

Browse Source
This commit is contained in:
Patrick Smith 2019-02-06 14:59:42 -05:00
parent 0b9d00e100
commit 159b5f9838
3 changed files with 23 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
styles/components/_portfolio_layout.scss
View File

@ -4,6 +4,15 @@
} }
} }
.portfolio-breadcrumbs {
margin-bottom: $gap * 2;
color: $color-gray-medium;
font-size: $h5-font-size;
.icon {
@include icon-color($color-gray-medium);
}
}
.portfolio-navigation { .portfolio-navigation {
@include panel-margin; @include panel-margin;
margin-bottom: $gap * 4; margin-bottom: $gap * 4;

2
styles/core/_variables.scss
View File

@ -62,7 +62,7 @@ $color-black-light: #212121;
$color-gray-dark: #323a45; $color-gray-dark: #323a45;
$color-gray: #5b616b; $color-gray: #5b616b;
$color-gray-medium: #757575; $color-gray-medium: #9b9b9b;
$color-gray-light: #aeb0b5; $color-gray-light: #aeb0b5;
$color-gray-lighter: #d6d7d9; $color-gray-lighter: #d6d7d9;
$color-gray-lightest: #f1f1f1; $color-gray-lightest: #f1f1f1;

14
templates/portfolios/breadcrumbs.html
View File

@ -1 +1,13 @@
{{ portfolio.name }} {% from "components/icon.html" import Icon %}
<div class="row portfolio-breadcrumbs">
<div class="portfolio-breadcrumbs__home">
{{ Icon("briefcase") }}
<span>
{{ portfolio.name }} Portfolio
</span>
</div>
<div class="portfolio-breadcrumbs__crumb">
</div>
</div
>