systemausfall.org/hugo-theme-hilfe
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

feat: add 'back-to-top' link to site footer (#167)

Browse source 
* feat: add 'back-to-top' link to site footer

* add aria-label to link
This commit is contained in:
Robert Kaussow 2021-07-20 09:58:56 +02:00 • committed by GitHub
parent 4bdf727cea
commit 8abe25f3cb
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
9 changed files with 41 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/iconfont/uEA1C-gdoc_keyborad_arrow_down.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="-2.29 -2.29 32.57 32.57"><path d="M3.281 5.36L14 16.079 24.719 5.36 28 8.641l-14 14-14-14z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 171 B

1
src/iconfont/uEA1D-gdoc_keyborad_arrow_up.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="-2.29 -2.29 32.57 32.57"><path d="M24.719 22.64L14 11.921 3.281 22.64 0 19.359l14-14 14 14z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 172 B

5
src/icons/keyborad_arrow_up.svg Normal file
View file

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 28 28">
<title>keyboard_arrow_up</title>
<path d="M24.719 22.64l-10.719-10.719-10.719 10.719-3.281-3.281 14-14 14 14z"></path>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 257 B

14
src/sass/_base.scss
View file

@ -385,7 +385,7 @@ img {
word-wrap: break-word;
border-top: 1px dashed $gray-600;
padding: $padding-32 0;
line-height: 1.5;
line-height: 1.5em;
&:first-of-type {
padding-top: 0;
@ -446,9 +446,19 @@ img {
background: var(--footer-background);
color: var(--footer-font-color);
.fake-link:hover {
background-image: linear-gradient(
var(--footer-link-color),
var(--footer-link-color)
);
}
&__item {
margin-right: 1em;
line-height: 2em;
&--row {
margin-right: 1em;
}
}
&__link {

2
src/sass/_mobile.scss
View file

@ -50,7 +50,7 @@
}
.gdoc-footer {
&__item {
&__item--row {
width: 100%;
}
}

4
src/sass/_utils.scss
View file

@ -6,6 +6,10 @@
flex: 1 1 auto;
}
.flex-25 {
flex: 1 1 25%;
}
.flex-inline {
display: inline-flex;
}