Update style for links
This commit is contained in:
parent
ef8e34c861
commit
f3976236ec
2 changed files with 22 additions and 39 deletions
|
@ -10,17 +10,6 @@
|
|||
top: 1rem;
|
||||
}
|
||||
|
||||
#fork-a-menu .f-menu-a.active {
|
||||
background-color: var(--bg-active);
|
||||
color: var(--c-active);
|
||||
}
|
||||
|
||||
#fork-a-menu .f-menu-a:hover,
|
||||
#fork-a-menu .f-menu-a:focus {
|
||||
background-color: var(--c-a-and-btn);
|
||||
color: var(--c-nav-focus);
|
||||
}
|
||||
|
||||
#fork-a-menu #id-an-label {
|
||||
position: absolute;
|
||||
top: -2.875rem;
|
||||
|
|
|
@ -9,6 +9,7 @@
|
|||
--br-fh1: hsl(0, 0%, 80%);
|
||||
--c-icon-sub: hsl(0, 0%, 70%);
|
||||
--c-icon-new: hsl(50, 100%, 50%);
|
||||
--c-a-focus: hsl(175, 100%, 50%);
|
||||
--c-focus: hsl(220, 5%, 12%);
|
||||
--bg-focus: hsl(50, 100%, 50%);
|
||||
--bg-post-h: hsl(0, 20%, 26%);
|
||||
|
@ -329,7 +330,7 @@ body,
|
|||
color: var(--c-a-and-btn);
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
transition-duration: 1s;
|
||||
transition-duration: 0.5s;
|
||||
}
|
||||
|
||||
#fork .f-btn {
|
||||
|
@ -352,18 +353,23 @@ body,
|
|||
}
|
||||
|
||||
#fork a:hover,
|
||||
#fork a:focus,
|
||||
#fork a:focus {
|
||||
color: var(--c-a-focus);
|
||||
}
|
||||
|
||||
#fork .f-btn:hover,
|
||||
#fork .f-btn:focus {
|
||||
#fork .f-btn:focus,
|
||||
#fork .f-page:hover,
|
||||
#fork .f-page:focus {
|
||||
color: var(--c-focus);
|
||||
background-color: var(--bg-focus);
|
||||
}
|
||||
|
||||
#fork a:active,
|
||||
/*#fork a:active,
|
||||
#fork .f-btn:active {
|
||||
color: var(--c-active);
|
||||
background-color: var(--bg-active);
|
||||
}
|
||||
}*/
|
||||
|
||||
#fork .f-inline > dt,
|
||||
#fork .f-inline > dd {
|
||||
|
@ -407,7 +413,6 @@ body,
|
|||
background-color: var(--bg-like-nav);
|
||||
}
|
||||
|
||||
|
||||
/********/
|
||||
/* Меню */
|
||||
/********/
|
||||
|
@ -473,6 +478,17 @@ body,
|
|||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
#fork .f-menu-a.active {
|
||||
background-color: var(--bg-active);
|
||||
color: var(--c-active);
|
||||
}
|
||||
|
||||
#fork .f-menu-a:hover,
|
||||
#fork .f-menu-a:focus {
|
||||
background-color: var(--c-a-and-btn);
|
||||
color: var(--c-nav-focus);
|
||||
}
|
||||
|
||||
@media screen and (min-width: 50rem) {
|
||||
#fork .f-menu-checkbox {
|
||||
display: none;
|
||||
|
@ -514,17 +530,6 @@ body,
|
|||
padding: 0.3125rem 0.625rem;
|
||||
}
|
||||
|
||||
#fork-nav .f-menu-a.active {
|
||||
background-color: var(--bg-active);
|
||||
color: var(--c-active);
|
||||
}
|
||||
|
||||
#fork-nav .f-menu-a:hover,
|
||||
#fork-nav .f-menu-a:focus {
|
||||
background-color: var(--c-a-and-btn);
|
||||
color: var(--c-nav-focus);
|
||||
}
|
||||
|
||||
#fork-nav .f-menu-user-items {
|
||||
background-color: var(--bg-nav);
|
||||
display: flex;
|
||||
|
@ -2727,17 +2732,6 @@ body,
|
|||
top: 1rem;
|
||||
}
|
||||
|
||||
#fork-pm-menu a.f-menu-a.active {
|
||||
background-color: var(--bg-active);
|
||||
color: var(--c-active);
|
||||
}
|
||||
|
||||
#fork-pm-menu a.f-menu-a:hover,
|
||||
#fork-pm-menu a.f-menu-a:focus {
|
||||
background-color: var(--c-a-and-btn);
|
||||
color: var(--c-nav-focus);
|
||||
}
|
||||
|
||||
#fork-pm-menu #id-pmn-label {
|
||||
position: absolute;
|
||||
top: -2.875rem;
|
||||
|
|
Loading…
Reference in a new issue