craftingguide/website
1
0
Fork 0
Code Pull Requests Actions Activity

Add a "Random Item" link to the breadcrumb bar

Browse Source 
fixes #216
This commit is contained in:
Andrew Miner
2016-05-07 12:25:21 -07:00
parent 841fac38d3
commit da1419d6b6
8 changed files with 87 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/client/site/header/header.scss
+32 -31
View File
@@ -15,10 +15,6 @@
display : flex;
align-items : center;
@include screen-size(mobile) {
display : none;
}
a {
flex : 0 0 auto;
height : $size-minecraft-block * 1.5;
@@ -29,30 +25,15 @@
position : relative;
height : $size-minecraft-block * 1.5;
width : $size-minecraft-block * 1.5;
@include screen-size(desktop) {
top : -$size-minecraft-block * 0.5;
left : -$size-minecraft-block * 0.5;
height : $size-minecraft-block * 2.0;
width : $size-minecraft-block * 2.0;
}
}
}
h1 {
flex: 1 1 auto;
white-space: nowrap;
@include screen-size(tablet) {
font-size : $font-size-xlarge;
}
}
.addthis_sharing_toolbox {
@include screen-size(mobile) {
display: none;
}
flex : 0 0 auto;
min-height : 37px; // actual size of addthis component
min-width : 144px;
@@ -97,26 +78,40 @@
}
}
.breadcrumbs {
.breadcrumb-bar {
background: $color-screen;
padding: 0 ($size-margin-medium + $size-margin-large);
font-family: $font-family-control;
font-size: $font-size-medium;
padding-left: $size-margin-medium + $size-margin-large;
line-height: $font-size-medium + 2 * $size-margin-small;
text-indent: -$size-margin-large;
&:before {
content: "⟩";
margin-right: $size-margin-medium;
display: flex;
.breadcrumbs {
flex: 1 1 75%;
text-indent: -$size-margin-large;
&:before {
content: "⟩";
margin-right: $size-margin-medium;
}
a {
text-decoration: underline;
}
span {
margin: 0 $size-margin-medium;
}
}
a {
text-decoration: underline;
}
.extra-nav {
flex: 1 1 25%;
align-self: flex-end;
span {
margin: 0 $size-margin-medium;
text-align: right;
}
}
}
@@ -157,5 +152,11 @@
display: none;
}
}
.breadcrumb-bar {
.extra-nav {
display: none;
}
}
}
}