diff options
| author | rr- | 2016-04-29 12:48:46 +0200 |
|---|---|---|
| committer | rr- | 2016-04-29 12:58:56 +0200 |
| commit | d67a1b2f1c0952f835ef3c89324bbf17a92f2b93 (patch) | |
| tree | ff67f0d74446195d5507fb3cad6c8dfd520bbfa4 | |
| parent | 266f5c027f495430841c2fc050352e5225a336ee (diff) | |
client/css: stylize focused elements
| -rw-r--r-- | client/css/colors.styl | 3 | ||||
| -rw-r--r-- | client/css/main.styl | 5 |
2 files changed, 7 insertions, 1 deletions
diff --git a/client/css/colors.styl b/client/css/colors.styl index 47ae9f9..8cdf54f 100644 --- a/client/css/colors.styl +++ b/client/css/colors.styl @@ -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 diff --git a/client/css/main.styl b/client/css/main.styl index 1d14547..dd32812 100644 --- a/client/css/main.styl +++ b/client/css/main.styl @@ -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 |