mirror of
https://github.com/quantum5/qcal.git
synced 2025-08-04 00:58:52 -04:00
50 lines
690 B
SCSS
50 lines
690 B
SCSS
|
@import 'bootstrap/scss/variables';
|
||
|
|
|
||
|
|
.Calendar-head {
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
font-size: 2em;
|
||
|
|
font-weight: 600;
|
||
|
|
position: sticky;
|
||
|
|
top: 0;
|
||
|
|
z-index: 20;
|
||
|
|
background: white;
|
||
|
|
margin-top: -$spacer * 4;
|
||
|
|
padding-top: $spacer * 4;
|
||
|
|
|
||
|
|
.btn {
|
||
|
|
margin: 0 1px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.Calendar-prev, .Calendar-next {
|
||
|
|
flex: 0 2.5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.Calendar-prev {
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
.Calendar-month-name {
|
||
|
|
flex: 1;
|
||
|
|
max-width: 30rem;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.Calendar-month-name.input-group {
|
||
|
|
justify-content: center;
|
||
|
|
font-size: 0.75em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.Calendar-month-input {
|
||
|
|
max-width: 12.5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.Calendar-year-input {
|
||
|
|
max-width: 6em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.Calendar-today-button {
|
||
|
|
max-width: 5em;
|
||
|
|
}
|