Update button.css

This commit is contained in:
Jabba 2020-10-11 22:26:14 +00:00 committed by GitHub
parent 5134cf8a2f
commit d72f1d2544
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 34 additions and 7 deletions

View File

@ -1,12 +1,39 @@
/* Button */
.button {
background-color: #FFDC00; color: black; padding: 10px 20px; display: inline-block; background-position: left center;
border-radius: 2px; border-bottom: 2px solid #E8BE29; transition: all 0.5s ease-out; text-decoration: none;
background-color: #FFDC00;
color: black;
padding: 10px 20px;
display: inline-block;
background-position: left center;
border-radius: 2px;
border-bottom: 2px solid #E8BE29;
transition: all 0.5s ease-out;
text-decoration: none;
}
.button:hover { border-color: white; border-bottom: 2px solid #BD960C; transition: none ; background-color: #FDEB07 }
.button:active { position: relative; top: 1px }
.button:hover {
border-color: white;
border-bottom: 2px solid #BD960C;
transition: none;
background-color: #FDEB07
}
.button:active {
position: relative;
top: 1px
}
.button.loading {
color: rgba(0,0,0,0); background: #999 url(../img/loading.gif) no-repeat center center;
transition: all 0.5s ease-out ; pointer-events: none; border-bottom: 2px solid #666
color: rgba(0, 0, 0, 0);
background: #999 url(../img/loading.gif) no-repeat center center;
transition: all 0.5s ease-out;
pointer-events: none;
border-bottom: 2px solid #666
}
.button.disabled {
color: #DDD;
background-color: #999;
pointer-events: none;
border-bottom: 2px solid #666
}
.button.disabled { color: #DDD; background-color: #999; pointer-events: none; border-bottom: 2px solid #666 }