Add repository button to the navbar

This commit is contained in:
daudix
2024-08-18 02:32:22 +03:00
parent 67c698b949
commit c69b4a3e4f
6 changed files with 28 additions and 10 deletions

View File

@ -56,7 +56,7 @@
list-style: none;
@media only screen and (max-width: 480px) {
&:not(#search, #language-switcher, #theme-switcher, #feed) {
&:not(#search, #language-switcher, #theme-switcher, #feed, #repo) {
width: 100%;
}
}
@ -234,9 +234,10 @@
&#search button,
&#language-switcher summary,
&#feed a,
&#theme-switcher summary,
&#theme-switcher button {
&#theme-switcher button,
&#feed a,
&#repo a {
padding: 0.5rem 0.625rem;
&:hover .icon {
@ -284,6 +285,13 @@
}
}
&#repo .icon {
// $icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M5 4c-.309 0-.55.09-.75.281L.594 8l3.656 3.719c.2.191.441.281.75.281h1v-1c0-.258-.129-.527-.312-.719L3.438 8l2.25-2.281C5.87 5.527 6 5.258 6 5V4zm5 0v1c0 .258.129.527.313.719L12.563 8l-2.25 2.281c-.184.192-.313.461-.313.719v1h1c.309 0 .55-.09.75-.281L15.406 8 11.75 4.281C11.55 4.09 11.309 4 11 4z'/%3E%3C/svg%3E");
$icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M8 0a1 1 0 0 0-.707.293L5.707 1.875l5.238 5.234c.176-.07.364-.109.555-.109A1.5 1.5 0 1 1 10 8.5q0-.276.102-.535L8.05 5.915v4.19a1.5 1.5 0 1 1-1-.035V4.914L4.859 2.727.293 7.293a1 1 0 0 0 0 1.414l7 7a1 1 0 0 0 1.414 0l7-7a1.007 1.007 0 0 0 0-1.414l-7-7A1 1 0 0 0 8 0m0 0'/%3E%3C/svg%3E");
-webkit-mask-image: $icon;
mask-image: $icon;
}
details {
position: relative;
box-shadow: none;