// 暴露给用户使用的辅助类
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
// Alignment
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
// Transformation
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}

.text-overflow{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.font-weight-bold{
  font-weight: 700!important;
}
.font-weight-normal{
  font-weight: 400!important;
}
.font-weight-light{
  font-weight: 300!important;
}
.font-weight-italic{
  font-weight: italic!important;
}
.inline{
  display: inline !important;
}
.block{
  display: block !important;
}
.inline-block{
  display: inline-block !important;
}
.clearfix {
  .clearfix()
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}