91 lines
1.1 KiB
Plaintext
91 lines
1.1 KiB
Plaintext
// Base styles
|
|
|
|
* {
|
|
scrollbar-color: initial;
|
|
}
|
|
|
|
.hawkmoon {
|
|
font-family: @font-family-base;
|
|
}
|
|
|
|
// Utility classes
|
|
.flexrow {
|
|
.flex-row();
|
|
gap: @spacing-base;
|
|
}
|
|
|
|
.flexcol {
|
|
.flex-column();
|
|
gap: @spacing-base;
|
|
}
|
|
|
|
// Item lists
|
|
.item-list {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
|
|
.item {
|
|
padding: @spacing-small @spacing-base;
|
|
border-bottom: 1px solid lighten(@color-border, 20%);
|
|
|
|
&:hover {
|
|
background: lighten(@color-secondary, 65%);
|
|
}
|
|
}
|
|
}
|
|
|
|
.alternate-list {
|
|
.item:nth-child(even) {
|
|
background: lighten(@color-secondary, 70%);
|
|
}
|
|
}
|
|
|
|
// Form elements
|
|
input[type="text"],
|
|
input[type="number"],
|
|
textarea,
|
|
select {
|
|
.input-base();
|
|
}
|
|
|
|
button {
|
|
.button-base();
|
|
}
|
|
|
|
// Labels
|
|
label {
|
|
.label-base();
|
|
}
|
|
|
|
.generic-label {
|
|
.label-base();
|
|
margin: 0 @spacing-base;
|
|
}
|
|
|
|
// Field sizes
|
|
.item-field-label-short {
|
|
flex: 0 0 40px;
|
|
}
|
|
|
|
.item-field-label-medium {
|
|
flex: 0 0 80px;
|
|
}
|
|
|
|
.item-field-label-long {
|
|
flex: 0 0 120px;
|
|
}
|
|
|
|
.item-field-label-very-long {
|
|
flex: 0 0 150px;
|
|
}
|
|
|
|
// Padd classes
|
|
.padd-right {
|
|
padding-right: @spacing-medium;
|
|
}
|
|
|
|
.padd-left {
|
|
padding-left: @spacing-medium;
|
|
}
|