.text-shadow {
  text-shadow: $text-shadow;
}

.text-underline {
  text-decoration: underline;
}

.box-shadow-down {
  box-shadow: var(--uofx-box-shadow-down);
}

.box-shadow-up {
  box-shadow: var(--uofx-box-shadow-up);
}

.box-shadow-around {
  box-shadow: var(--uofx-box-shadow-around);
}

.height-100 {
  height: 100%;
}

.width-100 {
  width: 100%;
}

.pointer {
  cursor: pointer;
}

.disable {
  cursor: default;
  pointer-events: none;
  opacity: 0.3;
}

// 必填星號樣式
.required-star {
  @include text-type(al, b1, m);

  display: inline-block;
  content: '*';
  font-family: SimSun;
  line-height: 1.5;
  vertical-align: top;
}

// span 套上必填星號
label,
span {
  &[uofx-required] {
    &:after {
      @extend .required-star;
      margin-left: 3px;
    }
  }
}

// 各模組首頁
.toolbar-title-left {
  padding: 0 0 0 20px;
  text-align: left;
}

// 文字連結
.link-underline {
  cursor: pointer;
  word-break: break-word;
  white-space: pre-wrap;
  text-decoration: underline;
  text-decoration-color: get-color(bl-600);
  @include text-type(b5, b1, m);

  &.disabled {
    opacity: 0.6;
    pointer-events: none;
  }
}

// highlight-textt 搜尋後的文字，有寫在後端龍捲風的前後置詞，不可異動。
.highlight-text {
  @include bg-color(or-50);
  color: get-color(or-700);
  font-weight: 600;
}

// 平行的分隔線 (各頁面可自行)
.uofx-horizontal-divider {
  margin-top: 8px;
  margin-bottom: 8px;
  height: 1px;
  @include bg-color(gr-400);
}

// 垂直的分隔線 (各頁面可自行)
.uofx-vertical-divider {
  display: inline-block;
  width: 1.5px;
  height: 1.9em;
  margin: 0 8px;
  @include bg-color(gr-400);
}