Update style for links

This commit is contained in:
Visman 2023-11-18 17:18:28 +07:00
parent ef8e34c861
commit f3976236ec
2 changed files with 22 additions and 39 deletions

View file

@ -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;

View file

@ -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;