@import './variable.scss';

// ============ 布局样式 ===============
.row {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.row-center{
  @extend .row;
  justify-content: center;
}
.row-between {
  @extend .row;
  justify-content: space-between;
}
.row-around {
  @extend .row;
  justify-content: space-around;
}
.row-start {
  @extend .row;
  justify-content: flex-start;
}
.row-end {
  @extend .row;
  justify-content: flex-end;
}
.column {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  flex-direction: column;
}
.column-center{
  @extend .column;
  align-items: center;
}
.column-around{
  @extend .column;
  align-items: center;
  justify-content: space-around;
}
.column-between{
  @extend .column;
  align-items: center;
  justify-content: space-between;
}
.column-start{
  @extend .column;
  align-items: center;
  justify-content: flex-start;
}
.column-end{
  @extend .column;
  align-items: center;
  justify-content: flex-end;
}
.container{
  @extend  .column;
}

.pageContainer {
  @extend .column;
  flex: 1;
}

.full {
  flex: 1;
}