discourse/app/assets/stylesheets/common/components/time-input.scss

40 lines
596 B
SCSS

.d-time-input {
box-sizing: border-box;
.fields {
display: flex;
align-items: center;
border: 1px solid $primary-low;
.field {
text-align: center;
width: auto;
margin: 0;
border: none;
outline: none;
box-shadow: none;
width: 32px;
&.time {
width: 100%;
text-align: left;
}
&.hours,
&.minutes {
text-align: center;
width: 45px;
}
&.hours {
padding-right: 0;
}
&.minutes {
padding-left: 10px;
width: 55px;
}
}
}
}