mikl/hollow-knight-silksong-completion-check
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

buttons and input css

Browse source
This commit is contained in:
ReznoRMichael 2021-01-23 03:27:53 +01:00
commit 19c602c9a0
2 changed files with 27 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

28
css/style.css
View file

@ -134,24 +134,37 @@ textarea::placeholder {
caret-color: #fff;
}
input[type="file"] {
max-width: 12rem;
margin: 0.5rem;
}
#save-area {
width: 100%;
height: 5.65rem;
margin: .5rem 2px .3rem 2px;
margin: 0.5rem 2px 0.3rem 2px;
}
.buttons {
display: flex;
align-items: center;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
}
.input-buttons {
display: flex;
flex-direction: column;
}
.checkboxes {
margin-top: 1rem;
}
.button {
display: flex;
align-items: center;
max-width: max-content;
font-size: 1rem;
font-weight: 500;
font-family: 'Heebo', sans-serif;
@ -178,6 +191,17 @@ textarea::placeholder {
outline-offset: -2px;
}
@media screen and (max-width: 360px) {
.buttons {
flex-direction: column;
align-items: center;
}
.input-buttons {
align-items: center;
justify-content: center;
}
}
p {
margin-top: 0.6rem;
margin-bottom: 0.6rem;