snippets.json

{
	// flexbox
	"display: flex" : "display: flex;",
	"display: inline-flex" : "display: inline-flex;",


	"flex-direction: row" : "flex-direction: row;",
	"flex-direction: row-reverse" : "flex-direction: row-reverse;",
	"flex-direction: column" : "flex-direction: column;",
	"flex-direction: column-reverse" : "flex-direction: column-reverse;",


	"flex-wrap: nowrap" : "flex-wrap: nowrap;",
	"flex-wrap: wrap" : "flex-wrap: wrap;",
	"flex-wrap: wrap-reverse" : "flex-wrap: wrap-reverse;",


	"flex-flow: direction wrap" : "flex-flow: direction wrap;",


	"justify-content: flex-start" : "justify-content: flex-start;",
	"justify-content: flex-end" : "justify-content: flex-end;",
	"justify-content: center" : "justify-content: center;",
	"justify-content: space-between" : "justify-content: space-between;",
	"justify-content: space-around" : "justify-content: space-around;",

	"align-items: flex-start" : "align-items: flex-start;",
	"align-items: flex-end" : "align-items: flex-end;",
	"align-items: center" : "align-items: center;",
	"align-items: baseline" : "align-items: baseline;",
	"align-items: stretch" : "align-items: stretch;",


	"align-content: flex-start" : "align-content: flex-start;",
	"align-content: flex-end" : "align-content: flex-end;",
	"align-content: center" : "align-content: center;",
	"align-content: space-between" : "align-content: space-between;",
	"align-content: space-around" : "align-content: space-around;",
	"align-content: stretch" : "align-content: stretch;",


	"align-self: auto" : "align-self: auto;",
	"align-self: flex-start" : "align-self: flex-start;",
	"align-self: flex-end" : "align-self: flex-end;",
	"align-self: center" : "align-self: center;",
	"align-self: baseline" : "align-self: baseline;",
	"align-self: stretch" : "align-self: stretch;",


	"order" : "order: $0;",
	"flex-grow" : "flex-grow: $0;",
	"flex-shrink" : "flex-shrink: $0;",
	"flex-basis" : "flex-basis: $0;",
	"flex" : "flex: $0;"
}