scratch-www/src/components/flex-row/flex-row.scss

@import "../../frameless";

.flex-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;

    &.column {
        flex-direction: column;
        justify-content: center;
    }

    @media only screen and (max-width: $tablet - 1) {
        flex-direction: column;
    }
}
move component convention back to what it was formerly presentation components such as `navigation` and `footer` have been nested, and renamed to `container` inside their respective component subdirs 2016-04-21 18:13:21 -04:00			`@import "../../frameless";`
Add flex-row component Just a container with some default flexbox formatting. 2016-04-21 16:21:22 -04:00
			`.flex-row {`
			`display: flex;`
			`flex-direction: row;`
			`flex-wrap: wrap;`
			`justify-content: space-around;`
			`align-items: center;`

			`&.column {`
			`flex-direction: column;`
			`justify-content: center;`
			`}`

			`@media only screen and (max-width: $tablet - 1) {`
			`flex-direction: column;`
			`}`
			`}`