Add repository button to the navbar
This commit is contained in:
@ -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;
|
||||
|
Reference in New Issue
Block a user