59 lines
996 B
Plaintext
59 lines
996 B
Plaintext
// Mixins for Hawkmoon system
|
|
|
|
// Flexbox helpers
|
|
.flex-row {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
}
|
|
|
|
.flex-column {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.flex-center {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
// Common input styling
|
|
.input-base {
|
|
padding: @input-padding;
|
|
border: @input-border;
|
|
border-radius: @input-border-radius;
|
|
font-size: @font-size-base;
|
|
|
|
&:focus {
|
|
outline: none;
|
|
border-color: @color-primary;
|
|
}
|
|
}
|
|
|
|
// Button styling
|
|
.button-base {
|
|
padding: @button-padding;
|
|
border: @input-border;
|
|
border-radius: @button-border-radius;
|
|
background: @color-background;
|
|
cursor: pointer;
|
|
font-family: @font-family-base;
|
|
|
|
&:hover {
|
|
background: lighten(@color-secondary, 60%);
|
|
}
|
|
|
|
&:active {
|
|
background: lighten(@color-secondary, 50%);
|
|
}
|
|
}
|
|
|
|
// Label styling
|
|
.label-base {
|
|
font-family: @font-family-base;
|
|
font-size: @font-size-base;
|
|
font-weight: 700;
|
|
color: @color-text-dark;
|
|
}
|