hubl/src/styles/index.scss

@charset "UTF-8";

@import "@startinblox/hubl-styling-framework/dist/index.css";

solid-display>div {
  display: contents !important;
}

.whitespace-normal {
  white-space: normal;
}

.block {
  display: block;
}

.line-xlarge {
  line-height: 22px;
}

.sm-whitespace-normal {
  @media (max-width: 768px) {
    white-space: normal;
  }
}

.sm-text-center {
  @media (max-width: 768px) {
    text-align: center;
  }
}





/* Job-offers */
.job-edit {
  position: absolute;
  right: 20px;
  top: 20px;
}

.padding-very-xxlarge {
  padding-left: 135px;
  padding-right: 135px;
}


$small: "max-width: 768px";

.segment {
  @media($small) {
    &.sm {
      &-hidden {
        display: none;
      }

      &-quarter {
        width: 25%;
      }

      &-third {
        width: 33.333%;
      }

      &-half {
        width: 50%;
      }

      &-two-third {
        width: 66.666%;
      }

      &-three-quarter {
        width: 75%;
      }

      &-full {
        width: 100%;
      }

      &-auto {
        width: auto;
      }
    }

    &.sm-children {
      &-hidden>div>solid-display {
        display: none;
      }

      &-quarter>div>solid-display {
        width: 25%;
      }

      &-third>div>solid-display {
        width: 33.333%;
      }

      &-half>div>solid-display {
        width: 50%;
      }

      &-two-third>div>solid-display {
        width: 66.666%;
      }

      &-three-quarter>div>solid-display {
        width: 75%;
      }

      &-full>div>solid-display {
        width: 100%;
      }

      &-auto>div>solid-display {
        width: auto;
      }
    }
  }
}

/* Converse */
@media (max-width: 767.98px) {
  #conversejs .converse-chatboxes .chatbox .box-flyout {
    width: 100% !important;
  }
}



@import 'header/_index';
@import 'left-nav/_index';
@import 'content/_index';
@import 'about/_index';
@import 'members/_index';
@import 'profile/_index';
@import 'job-offers/_index';
@import 'chat/_index';