gaf-mobile/app/styles/modules/FindPage.less

GAF mobile Web site

@import (reference) '../themes/variables';

.FindPage {
    @this: FindPage;

  &-hero {
    display: block;
    padding: 20px 15px 100px;
    text-align: center;
    background: @quaternary-color-xdark;

    &-image {
      max-width: 60%;
    }

    &-title {
      margin-bottom: 30px;
      color: @septenary-color-xxxlight;
    }

    &-subtitle {
      font-weight: @type-weight-regular;
      color: @septenary-color-xxxlight;
      text-decoration: underline;
    }
  }

  &-form {
    margin: -80px 30px 30px;

    &-item:nth-child(2) {
        .@{this}-form-legend {
            margin-bottom: 15px;
            padding: 0 15px;
            font-size: @type-size-lge;
            font-weight: @type-weight-regular;
            color: @text-color-light;
        }
    }

    &-loading-icon {
      text-align: center;

      .loadingicon {
        border-top: 4px solid fade(@septenary-color-xxxlight, 20%);
        border-right: 4px solid fade(@septenary-color-xxxlight, 20%);
        border-bottom: 4px solid fade(@septenary-color-xxxlight, 20%);
        border-left: 4px solid @septenary-color-xxxlight;
      }
    }

    &-textarea {
        min-width: 160px;
        height: 100px;
        min-height: 160px;
    }

    &-answer {
      display: block;
      margin: 0;
      padding: 15px;
      border-top: 1px solid @septenary-color-xxlight;
      font-weight: @type-weight-regular;

      input[type="radio"] {
        display: block;
        float: right;
        height: initial;
        margin: 3px 0 0 10px;
      }
    }

    fieldset {
      margin-bottom: 30px;
    }

    &-editable-text {
      display: block;
    }

    &-summary-content {
      word-break: break-word;
    }

    &-error {
      margin: 5px 0 0;
    }
  }
}