thegamer/Cable-Desktop
2
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Apply 0.5s transition on header colors

Browse source 
// FREEBIE
This commit is contained in:
lilia 2016-03-20 23:46:31 -07:00
parent f72c1dff13
commit f81d882213
3 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
stylesheets/_global.scss
View file

@ -31,6 +31,7 @@ body {
#header {
background-color: $grey_l;
color: $grey_d;
transition: background-color 0.5s;
&.active {
background-color: $blue;

5
stylesheets/_index.scss
View file

@ -58,7 +58,8 @@
height: 64px;
text-align: center;
color: white;
background: #999999;
background-color: #999999;
transition: background-color 0.5s;
.avatar {
margin-bottom: -30px;
@ -71,7 +72,7 @@
}
}
.inactive .conversation-header {
background: $grey_l !important;
background-color: $grey_l !important;
color: $grey_d;
}

8
stylesheets/manifest.css
View file

@ -39,7 +39,8 @@ body {
#header {
background-color: #f3f3f3;
color: #454545; }
color: #454545;
transition: background-color 0.5s; }
#header.active {
background-color: #2090ea;
color: white; }
@ -473,7 +474,8 @@ input[type=text]:active, input[type=text]:focus, input[type=search]:active, inpu
height: 64px;
text-align: center;
color: white;
background: #999999; }
background-color: #999999;
transition: background-color 0.5s; }
.conversation-header .avatar {
margin-bottom: -30px;
border: solid 2px white;
@ -484,7 +486,7 @@ input[type=text]:active, input[type=text]:focus, input[type=search]:active, inpu
position: relative; }
.inactive .conversation-header {
background: #f3f3f3 !important;
background-color: #f3f3f3 !important;
color: #454545; }
input.search {