steve/just-the-docs
1
0
Fork 0
mirror of https://github.com/snachodog/just-the-docs.git synced 2025-09-12 21:03:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

Header menu button and anchor links

Browse Source
This commit is contained in:
Patrick Marsceill
2019-08-13 17:23:35 -04:00
parent 9e45626337
commit 7fa6307640
4 changed files with 19 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
_sass/content.scss
View File

@@ -113,14 +113,16 @@
}
.anchor-heading {
position: absolute;
right: -$sp-3;
width: $sp-5;
height: 100%;
fill: $link-color;
visibility: hidden;
@include mq(md) {
position: absolute;
right: auto;
left: -$sp-5;
width: $sp-5;
height: 100%;
}
}

13
_sass/layout.scss
View File

@@ -85,10 +85,10 @@
background-color: $sidebar-color;
@include mq(md) {
background-color: $body-background-color;
display: flex;
justify-content: flex-end;
height: $header-height;
background-color: $body-background-color;
border-bottom: $border $border-color;
}
@@ -128,10 +128,10 @@
align-items: center;
@include mq(md) {
z-index: 101;
height: $header-height;
min-height: $header-height;
max-height: $header-height;
z-index: 101;
border-bottom: $border $border-color;
}
}
@@ -148,11 +148,16 @@
@include fs-6;
}
.site-button {
.menu-button {
appearance: none;
display: flex;
height: 100%;
padding: $gutter-spacing-sm;
display: flex;
align-items: center;
color: $link-color;
text-transform: uppercase;
background: transparent;
border: 0;
@include mq(md) {
display: none;