Accords-Library-Archive
/
gallery.accords-library.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
client/css/colors.styl
View File

@ -5,7 +5,8 @@ $inactive-link-color = #888
$line-color = #DDD $line-color = #DDD
$inactive-tab-text-color = $inactive-link-color $inactive-tab-text-color = $inactive-link-color
$active-tab-text-color = $text-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-border-color = #BDF
$message-info-background-color = #E3EFF9 $message-info-background-color = #E3EFF9
$message-error-border-color = #FCC $message-error-border-color = #FCC

5
client/css/main.styl
View File

@ -22,6 +22,8 @@ a
&.icon &.icon
color: $inactive-link-color color: $inactive-link-color
opacity: .5 opacity: .5
&:focus
outline: 2px solid $main-color
a.append a.append
margin-left: 1em margin-left: 1em
@ -82,6 +84,9 @@ nav.text-nav
li.active a li.active a
background: $active-tab-background-color background: $active-tab-background-color
color: $active-tab-text-color color: $active-tab-text-color
:focus
background: $focused-tab-background-color
outline: 0
#top-nav #top-nav
background: $top-nav-color background: $top-nav-color