HEX
Server: nginx/1.18.0
System: Linux test-ipsremont 5.4.0-214-generic #234-Ubuntu SMP Fri Mar 14 23:50:27 UTC 2025 x86_64
User: ips (1000)
PHP: 8.0.30
Disabled: pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare,
Upload Files
File: //var/www/innodrive/src/scss/elements/page-heading.scss
.page-heading {
  @extend %page-container;

  width: 100%;
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 300;
  text-align: center;
  color: $color-primary-blue;

  span {
    position: relative;
    padding: 8px 20px;
    background-color: #fff;
  }

  &::before {
    position: absolute;
    content: '';
    left: 20px;
    right: 20px;
    top: 18px;
    height: 8px;
    display: block;
    //transform: translateY(-50%);
    background-image: repeating-linear-gradient(135deg, transparent 0, transparent 4px, $color-pale-grey 4px, $color-pale-grey 5px);
    background-size: 7px 8.3px;
  }

  &.align-left {
    padding-left: 0;
    text-align: left;

    span {
      padding-left: 73px;
    }
  }

  &.align-right {
    text-align: right;

    span {
      padding-right: 0;
    }
  }
}

@include media('tablet-l') {
  .page-heading {
    font-size: 20px;

    &::before {
      top: 9px;
    }

    span {
      padding: 4px 5px;
    }

    &.align-left {
      span {
        padding-left: 15px;
        padding-right: 5px;
      }
    }
  }
}

@include media('tablet-s') {
  .page-heading {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 1.2;

    &::before {
      left: 0;
      right: 0;
      top: 10px;
      height: 4px;
      background-image: repeating-linear-gradient(135deg, transparent 0, transparent 2px, $color-pale-grey 2px, $color-pale-grey 3px);
      background-size: 3px 4px;
    }
  }
}