Merge branch 'improvement/navigation-merged' into improvement/search-button-merged

# Conflicts:
#	_layouts/default.html
This commit is contained in:
Silvio Giebl
2019-11-26 23:33:18 +01:00
23 changed files with 235 additions and 116 deletions

View File

@@ -88,7 +88,8 @@ code {
line-height: $body-line-height;
}
figure {
figure,
pre {
margin: 0;
}

View File

@@ -116,26 +116,37 @@
.anchor-heading {
position: absolute;
right: -$sp-3;
right: -$sp-4;
width: $sp-5;
height: 100%;
padding-right: $sp-1;
padding-left: $sp-1;
overflow: visible;
fill: $link-color;
visibility: hidden;
@include mq(md) {
right: auto;
left: -$sp-5;
}
svg {
display: inline-block;
width: 100%;
height: 100%;
fill: $link-color;
visibility: hidden;
}
}
.anchor-heading:hover,
h1:hover > .anchor-heading,
h2:hover > .anchor-heading,
h3:hover > .anchor-heading,
h4:hover > .anchor-heading,
h5:hover > .anchor-heading,
h6:hover > .anchor-heading {
visibility: visible;
svg {
visibility: visible;
}
}
h1,

View File

@@ -123,12 +123,12 @@
.site-header {
display: flex;
min-height: $header-height;
align-items: center;
@include mq(md) {
z-index: 101;
height: $header-height;
min-height: $header-height;
max-height: $header-height;
border-bottom: $border $border-color;
}
@@ -140,10 +140,26 @@
display: flex;
height: 100%;
align-items: center;
padding-top: $gutter-spacing-sm;
padding-bottom: $gutter-spacing-sm;
padding-top: $sp-3;
padding-bottom: $sp-3;
color: $body-heading-color;
@include fs-6;
@include mq(md) {
padding-top: $sp-2;
padding-bottom: $sp-2;
}
}
@if variable-exists(logo) {
.site-logo {
width: 100%;
height: 100%;
background-image: url($logo);
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
}
}
.site-button {

3
_sass/overrides.scss Normal file
View File

@@ -0,0 +1,3 @@
//
// Custom overrides from a user.
//

View File

@@ -2,10 +2,16 @@
// Utility classes for lists
//
// stylelint-disable primer/selector-no-utility, primer/no-override
// stylelint-disable primer/selector-no-utility, primer/no-override, selector-max-type
.list-style-none {
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
li {
&::before {
display: none !important;
}
}
}