/**
 * Flex layout
 */
[flex] {
    display: flex;
}

[flex-rows] {
    display: flex;
    flex-direction: row;
}

[flex-columns] {
    display: flex;
    flex-direction: column;
}

[flex-fill] {
    display: flex;
    flex: 1;
}

[flex-center] {
    align-items: center;
    justify-content: center;
}
[flex-align-center]
{
    align-items: center;
}
[flex-justify-center] {
    justify-content: center;
}
[flex-justify-start] {
    justify-content: flex-start;
}
[flex-justify-end] {
    justify-content: flex-end;
}
[flex-align-end] {
    align-items: flex-end;
}
[flex-space-between] {
    justify-content: space-between;
}
[flex-space-around] {
    justify-content: space-around;
}

[pull-right] {
    margin-left: auto;
}

[pull-left] {
    margin-right: auto;
}

[flex-align-stretch] {
    align-items: stretch;
}
[flex-with-icon] {
    display: flex;
    flex-direction: row;
    align-items: center;
}
// [flex-fullpage-layout] {
//     display: flex;
//     flex-direction: column;
//     flex: 1;
// }

[margin] { margin: 8px 8px 8px 8px }
[padding] { padding: 8px 8px 8px 8px }
[margin-x2] { margin: 16px 16px 16px 16px }
[padding-x2] { padding: 16px 16px 16px 16px }
