Utilities

Displays

/path/to/floncss/trumps/displays/displays.css

Class	Properties
displays
	display: block;
	display: inline-block;
	display: inline;
	display: flex;
	display: inline-flex;
	display: table;
	display: inline-table;
	display: grid;
	display: inline-grid;
	display: contents;
	display: none;
	display: unset;

Useage

Example(hidden, visible)

sm サイズ以下表示

hidden@sm

1<span className="hidden@sm">hidden@sm</span>

sm サイズ以上表示

1<span className="hidden visible@sm">hidden visible@sm</span>

sm サイズのみ表示

1<span className="hidden visible@sm hidden@md">hidden visible@sm hidden@md</span>

md サイズ以上表示

1<span className="hidden visible@md">hidden visible@md</span>