94 lines
1.2 KiB
SCSS
94 lines
1.2 KiB
SCSS
@import "normalize";
|
|
@import "skeleton";
|
|
|
|
// And the TireFire® bits
|
|
@import "tirefire/fonts";
|
|
@import "tirefire/basics";
|
|
@import "tirefire/alerts";
|
|
@import "tirefire/timers";
|
|
@import "tirefire/nav";
|
|
@import "tirefire/dots";
|
|
@import "tirefire/tooltips";
|
|
|
|
.controls a,
|
|
.controls form {
|
|
margin-right: 2px;
|
|
}
|
|
|
|
.file,
|
|
.printer,
|
|
.key,
|
|
.job {
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.file .details,
|
|
.printer .details,
|
|
.key .details,
|
|
.job .details {
|
|
div {
|
|
margin-right: 10px;
|
|
}
|
|
.controls {
|
|
margin-left: auto;
|
|
display: flex;
|
|
}
|
|
}
|
|
|
|
// Hide the header name if we're on a mobile device
|
|
@media (max-width: 550px) {
|
|
.logo .name {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
label {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.mb-1 {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.mb-2 {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.u-flex1 {
|
|
flex: 1;
|
|
}
|
|
|
|
@media (max-width: 760px) {
|
|
.file, .printer, .key, .job {
|
|
flex-direction: column;
|
|
margin-bottom: 10px;
|
|
|
|
.controls {
|
|
margin-right: auto;
|
|
margin-left: unset;
|
|
}
|
|
}
|
|
}
|
|
|
|
.row.webcams {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
|
|
img {
|
|
border-radius: 10px;
|
|
border: 2px solid $black;
|
|
object-fit: cover;
|
|
}
|
|
|
|
.webcam {
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.webcam:last-child {
|
|
padding-right: 0px;
|
|
}
|
|
}
|
|
|
|
input[type='text'], select {
|
|
width: 100%;
|
|
}
|