Yrkki/cv-generator-fe

View on GitHub
src/app/components/search/search.component.scss

Summary

Maintainability
Test Coverage
@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;
  }
}