adrien/Sudoku
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

small enhancements

Browse Source
This commit is contained in:
Adrien MALINGREY
2020-10-11 02:41:54 +02:00
parent e0fe365b57
commit e75e6b4bc1
3 changed files with 75 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
style.css
View File

@@ -6,7 +6,7 @@ h1 {
text-align: center;
}
section, div {
section, div, footer {
display: flex;
row-gap: 0.5em;
column-gap: 0.5em;
@@ -101,32 +101,32 @@ input::-webkit-inner-spin-button {
margin: 0;
}
input:enabled {
input[type=number]:enabled {
color: darkblue;
background: white;
}
input:disabled {
input[type=number]:disabled, button:enabled {
color: white;
background: #6666ff;
}
.same-value:enabled {
color: #009973;
background: #66ffd9;
input[type=number].same-value:enabled {
color: #009973 !important;
background: #66ffd9 !important;
}
.forbidden-value:enabled {
background: #b3ffda;
input[type=number].forbidden-value:enabled {
background: #b3ffda !important;
}
.same-value:disabled {
color: white;
background: #00e6ac;
input[type=number].same-value, button.same-value:enabled {
color: white !important;
background: #00e6ac !important;
}
.forbidden-value:disabled {
background: #6288ea;
input[type=number].forbidden-value:disabled {
background: #6288ea !important;
}
input::placeholder {
@@ -138,9 +138,19 @@ input::placeholder {
column-gap: 0.2em;
}
button, input[type="color"] {
border: 2px outset #6666ff;
border-radius: 4px;
padding-bottom: 2px;
}
button.same-value:enabled {
border: 2px inset #00e6ac;
}
input[type="color"] {
font-size: 1em;
align-self: center;
padding: 0;
}
.shortcuts caption {