add a response on icon hover and other style fixes

This commit is contained in:
dkanada 2019-05-13 12:56:44 -07:00
parent d4ea091ab5
commit e21f7f10ed
11 changed files with 66 additions and 64 deletions

View file

@ -71,9 +71,14 @@ html {
background: #f0f0f0
}
.paper-icon-button-light:hover {
color: #00a4dc;
background-color: rgba(0,164,220, .2);
transition: 0.2s;
}
.paper-icon-button-light:focus {
color: #00a4dc;
background-color: rgba(0,164,220, .2)
}
.fab,

View file

@ -58,9 +58,14 @@ html {
}
}
.paper-icon-button-light:hover {
color: #00a4dc;
background-color: rgba(0,164,220, .2);
transition: 0.2s;
}
.paper-icon-button-light:focus {
color: #00a4dc;
background-color: rgba(0,164,220, .2)
}
.fab,

View file

@ -43,9 +43,14 @@ html {
background-color: rgba(0, 0, 0, .86)
}
.paper-icon-button-light:hover {
color: #00a4dc;
background-color: rgba(0,164,220, .2);
transition: 0.2s;
}
.paper-icon-button-light:focus {
color: #00a4dc;
background-color: rgba(0,164,220, .2)
}
.fab,

View file

@ -43,9 +43,14 @@ html {
background-color: rgba(0, 0, 0, .86)
}
.paper-icon-button-light:hover {
color: #52b54b;
background-color: rgba(82, 181, 75, .2);
transition: 0.2s;
}
.paper-icon-button-light:focus {
color: #52b54b;
background-color: rgba(82, 181, 75, .2)
}
.fab,

View file

@ -59,9 +59,14 @@ html {
background-color: #f0f0f0
}
.paper-icon-button-light:hover {
color: #00a4dc;
background-color: rgba(0,164,220, .2);
transition: 0.2s;
}
.paper-icon-button-light:focus {
color: #00a4dc;
background-color: rgba(0,164,220, .2)
}
.fab,

View file

@ -58,9 +58,14 @@ html {
}
}
.paper-icon-button-light:hover {
color: #48C3C8;
background-color: rgba(0,164,220, .2);
transition: 0.2s;
}
.paper-icon-button-light:focus {
color: #48C3C8;
background-color: rgba(0,164,220, .2)
}
progress {

View file

@ -64,9 +64,14 @@ html {
background: rgba(17, 98, 164, .9)
}
.paper-icon-button-light:hover {
color: #00a4dc;
background-color: rgba(0,164,220, .2);
transition: 0.2s;
}
.paper-icon-button-light:focus {
color: #00a4dc;
background-color: rgba(0,164,220, .2)
}
.fab,