monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2025-02-04 04:51:16 +08:00
Code Issues Projects Releases Packages Wiki Activity

made buttons highlighted in the main color

Browse source
This commit is contained in:
Jack 2020-06-01 00:05:51 +01:00
parent 1f126261ae
commit 7dab7e74c2
1 changed files with 27 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

54
public/css/style.scss
View file

@ -1016,7 +1016,7 @@ key {
gap: .5rem;
grid-area: buttons;
.button{
color: var(--sub-color);
color: var(--text-color);
cursor: pointer;
transition: .25s;
padding: .2rem .5rem;
@ -1030,11 +1030,11 @@ key {
height: min-content;
height: -moz-min-content;
&.active{
background: var(--sub-color);
background: var(--main-color);
color: var(--bg-color);
}
&:hover,&:focus{
color: var(--sub-color);
color: var(--bg-color);
background: var(--main-color);
outline: none;
}
@ -1055,25 +1055,25 @@ key {
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: .5rem;
.theme, .language{
color: var(--sub-color);
cursor: pointer;
transition: .25s;
padding: .2rem .5rem;
border-radius: var(--roundness);
color: var(--text-color);
cursor: pointer;
transition: .25s;
padding: .2rem .5rem;
border-radius: var(--roundness);
background: rgba(0,0,0,.1);
text-align: center;
-webkit-user-select: none;
display: grid;
align-content: center;
&.active{
background: var(--sub-color);
color: var(--bg-color);
}
&:hover,&:focus{
color: var(--sub-color);
background: var(--main-color);
}
background: rgba(0,0,0,.1);
text-align: center;
-webkit-user-select: none;
display: grid;
align-content: center;
&.active{
background: var(--main-color);
color: var(--bg-color);
}
&:hover,&:focus{
color: var(--bg-color);
background: var(--main-color);
}
}
}
}
@ -1129,8 +1129,8 @@ key {
}
&.history{
.loadMoreButton{
background: rgba(0, 0, 0, 0.1);
color: var(--sub-color);
background: rgba(0,0,0,.1);
color: var(--text-color);
text-align: center;
padding: .5rem;
border-radius: var(--roundness);
@ -1144,7 +1144,7 @@ key {
align-content: center;
margin-top: 1rem;
&:hover,&:focus{
color: var(--sub-color);
color: var(--bg-color);
background: var(--main-color);
}
}
@ -1208,7 +1208,7 @@ key {
gap: 1rem;
.button{
background: rgba(0,0,0,.1);
color: var(--sub-color);
color: var(--text-color);
text-align: center;
padding: .5rem;
border-radius: var(--roundness);
@ -1218,11 +1218,11 @@ key {
display: grid;
align-content: center;
&.active{
background: var(--sub-color);
background: var(--main-color);
color: var(--bg-color);
}
&:hover{
color: var(--sub-color);
color: var(--bg-color);
background: var(--main-color);
}
}