Posted at
AtraeDay 20

【ほぼメモ】flexbox系のemmetチートシート

More than 1 year has passed since last update.

フレボを実務でガッツリ使い出したのでまとめました。(ほぼ俺専用)


emmet.css


.flexbox {
/*d:f*/
display:flex;

/*jc*/
justify-content: ;

/*jc:c*/
justify-content: center;

/*jc:fs*/
justify-content: flex-start;

/*jc:sb*/
justify-content: space-between;

/*jc:sa*/
justify-content: space-around;

/*fxf*/
flex-flow:;

/*ai*/
align-items:;

/*ai:b*/
align-items:baseline;

/*ai:c*/
align-items:center;

/*ai:fe*/
align-items:flex-end;

/*ai:fs*/
align-items:flex-start;

/*ai:s*/
align-items:stretch;
}


flex-flowのプロパティまで書けたら楽だったのに…(flex-directionとflex-wrapで分けて書けよとそうですか)

参考

http://docs.emmet.io/cheat-sheet/