wiki/assets/css/app.scss

82 lines
1.1 KiB
SCSS

$accent-color: #1b4ad6;
body {
font-family: -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
}
.container {
max-width: 1280px;
margin: 0 auto;
}
header nav {
display: flex;
flex-direction: row;
justify-content: space-between;
ul {
padding-left: 0;
li {
list-style: none;
display: inline;
margin-right: 15px;
&:last-child {
margin-right: 0;
}
}
}
}
table {
width: 100%;
margin-bottom: 1rem;
}
form {
margin-bottom: 1rem;
label, input:not([type=file]), textarea {
display: block;
}
input, textarea {
font-size: 1rem;
}
input:not([type=file]), textarea {
width: 100%;
padding: 2px;
margin-bottom: 0.5rem;
border: 1px solid lightgray;
border-radius: 5px;
}
textarea {
min-height: 200px;
max-width: 100%;
min-width: 100%;
}
}
button, input[type=submit] {
padding: 0.25rem 1.5rem;
border: 1px solid darken($accent-color, 10%);
border-radius: 5px;
background-color: $accent-color;
color: white;
font-size: 1rem;
&:hover {
border-color: darken($accent-color, 25%);
background-color: darken($accent-color, 10%);
}
}
a {
color: $accent-color;
}