src/app/components/search/search.component.scss
@import "../stylesheets/stylesheets.component.scss";
@import "../stylesheets/stylesheets.component.color.scss";
@import "../../stylesheets/geometry.scss";
header,
h1,
.label-block,
.checkbox-block,
.text-block {
margin: 0px;
padding: 0px;
}
.input-hint {
color: $header-fore-color;
font-size: 12px;
}
form {
flex-wrap: nowrap;
}
.form-inline {
align-items: start;
}
@media only screen and (max-device-width: 480px) {
/* styles for mobile browsers smaller than 480px; (iPhone) (15 chunks)*/
.label-block,
.checkbox-block,
.text-block {
$size: $button-size;
min-width: $size;
min-height: $size;
width: $size;
height: $size;
max-height: $size;
max-width: $size;
}
header,
h1 {
$size: $button-size;
min-height: $size;
height: $size;
max-height: $size;
}
.text-block {
visibility: collapse;
}
}