mister-webdev / movie-app

src/styles/utility/flex.scss

.flex {

  display: flex;

}


.flexInline {

Selector flexInline should be written in lowercase with hyphens

  display: inline-flex;

}


.flexWrap {

Selector flexWrap should be written in lowercase with hyphens

  flex-wrap: wrap;

}


.flexCol {

Selector flexCol should be written in lowercase with hyphens

  flex-direction: column;

}


.flexJustBet {

Selector flexJustBet should be written in lowercase with hyphens

  justify-content: space-between;

}


.flexJustCent {

Selector flexJustCent should be written in lowercase with hyphens

  justify-content: center;

}


.flexAlStart {

Selector flexAlStart should be written in lowercase with hyphens

  align-items: flex-start;

}


.flexAlEnd {

Selector flexAlEnd should be written in lowercase with hyphens

  align-items: flex-end;

}


.flexAlCent {

Selector flexAlCent should be written in lowercase with hyphens

  align-items: center;

}


.flexGrow1 {

Selector flexGrow1 should be written in lowercase with hyphens

  flex-grow: 1;

}