170 lines
2.5 KiB
SCSS
170 lines
2.5 KiB
SCSS
.flex{
|
|
display: flex!important;
|
|
}
|
|
|
|
.flex-wrap{
|
|
flex-wrap: wrap;
|
|
}
|
|
.flex-nowrap{
|
|
flex-wrap: nowrap;
|
|
}
|
|
|
|
|
|
.flex-lr__center{
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
.flex-lr__start{
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.flex-lr__end{
|
|
justify-content: space-between;
|
|
align-items: flex-end;;
|
|
}
|
|
|
|
.flex-start__center{
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
}
|
|
|
|
.flex-start__start{
|
|
justify-content: flex-start;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.flex-start__end{
|
|
justify-content: flex-start;
|
|
align-items: flex-end;;
|
|
}
|
|
|
|
.flex-end__center{
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
}
|
|
|
|
.flex-end__start{
|
|
justify-content: flex-start;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.flex-end__end{
|
|
justify-content: flex-end;
|
|
align-items: flex-end;;
|
|
}
|
|
|
|
.flex-tb__center{
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
.flex-tb__start{
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.flex-tb__end{
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
align-items: flex-end;;
|
|
}
|
|
|
|
.flex-top__center{
|
|
flex-direction: column;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
}
|
|
|
|
.flex-top__start{
|
|
flex-direction: column;
|
|
justify-content: flex-start;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.flex-top__end{
|
|
flex-direction: column;
|
|
justify-content: flex-start;
|
|
align-items: flex-end;;
|
|
}
|
|
|
|
.flex-bottom__center{
|
|
flex-direction: column;
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
}
|
|
|
|
.flex-bottom__start{
|
|
flex-direction: column;
|
|
justify-content: flex-end;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.flex-bottom__end{
|
|
flex-direction: column;
|
|
justify-content: flex-end;
|
|
align-items: flex-end;;
|
|
}
|
|
|
|
|
|
.flex-center__center{
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.flex-center__start{
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.flex-center_end{
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: flex-end;;
|
|
}
|
|
|
|
|
|
|
|
.flex-column{
|
|
flex-direction: column;
|
|
}
|
|
|
|
.flex-jc__sb{
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.flex-jc__sa{
|
|
justify-content: space-around;
|
|
}
|
|
|
|
.flex-jc__se{
|
|
justify-content: space-evenly;
|
|
}
|
|
|
|
.flex-jc__start{
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.flex-jc__center{
|
|
justify-content: center;
|
|
}
|
|
|
|
.flex-jc__end{
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.flex-ai__start{
|
|
align-items: flex-start;
|
|
}
|
|
.flex-ai__center{
|
|
align-items: center;
|
|
}
|
|
.flex-ai__end{
|
|
align-items: flex-end;;
|
|
}
|