Utilities
Displays
/path/to/floncss/trumps/displays/displays.css
| Class | Properties |
|---|---|
| block | display: block; |
| inline-block | display: inline-block; |
| inline | display: inline; |
| table | display: table; |
| inline-table | display: inline-table; |
| grid | display: grid; |
| inline-grid | display: inline-grid; |
| contents | display: contents; |
| hidden | display: none; |
| visible | display: unset; |
Useage
Example(hidden, visible)
sm サイズ以下表示
hidden@sm
1<span className="hidden@sm">hidden@sm</span>sm サイズ以上表示
hidden visible@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 サイズ以上表示
hidden visible@md
1<span className="hidden visible@md">hidden visible@md</span>