add a response on icon hover and other style fixes
This commit is contained in:
parent
d4ea091ab5
commit
e21f7f10ed
11 changed files with 66 additions and 64 deletions
|
@ -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,
|
||||
|
|
|
@ -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,
|
||||
|
|
|
@ -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,
|
||||
|
|
|
@ -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,
|
||||
|
|
|
@ -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,
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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,
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue