client/css: stylize focused elements

This commit is contained in:
rr- 2016-04-29 12:48:46 +02:00
parent 266f5c027f
commit d67a1b2f1c
2 changed files with 7 additions and 1 deletions

View file

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

View file

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