client/css: stylize focused elements
This commit is contained in:
parent
266f5c027f
commit
d67a1b2f1c
2 changed files with 7 additions and 1 deletions
|
@ -5,7 +5,8 @@ $inactive-link-color = #888
|
|||
$line-color = #DDD
|
||||
$inactive-tab-text-color = $inactive-link-color
|
||||
$active-tab-text-color = $text-color
|
||||
$active-tab-background-color = #E5E5E5
|
||||
$active-tab-background-color = rgba(0, 0, 0, 0.06)
|
||||
$focused-tab-background-color = rgba(0, 0, 0, 0.03)
|
||||
$message-info-border-color = #BDF
|
||||
$message-info-background-color = #E3EFF9
|
||||
$message-error-border-color = #FCC
|
||||
|
|
|
@ -22,6 +22,8 @@ a
|
|||
&.icon
|
||||
color: $inactive-link-color
|
||||
opacity: .5
|
||||
&:focus
|
||||
outline: 2px solid $main-color
|
||||
|
||||
a.append
|
||||
margin-left: 1em
|
||||
|
@ -82,6 +84,9 @@ nav.text-nav
|
|||
li.active a
|
||||
background: $active-tab-background-color
|
||||
color: $active-tab-text-color
|
||||
:focus
|
||||
background: $focused-tab-background-color
|
||||
outline: 0
|
||||
|
||||
#top-nav
|
||||
background: $top-nav-color
|
||||
|
|
Loading…
Reference in a new issue