modal-card

file=”modal-card”

responsive cardは、PCとスマホで画像とテキストの位置を切り替える。

s: small-upの数、m:medium-upの数、l:large-upの数

view=”tiny/small/large/full”

モーダルの幅。何も指定しなければディフォルトのlargeサイズになる。

view=”opacity/dark/blur/seal/separate/text-white/zoom”

何も指定しなければディフォルトのopacityになる。
text-white、zoomは併用可。例) view=”blur text-white”

title=”on”

モーダルの中にページタイトルを入れる。何も指定しなければタイトルは表示されない。

option=”link”

モーダルではなくリンクになる。何も指定しなければモーダル。

trim=”trim0101/trim0302/trim0403/trim1609/trim0201/trim0304/trim0507″

画像の比率を指定

brsc=”yes/no”

border、radius、shadow、collapseをそれぞれyes/no指定可

デフォルト

view

dark

blur

seal

separate

併用可:text-white

併用可:zoom

モーダルの中にページタイトルあり

smlで横にいくつ並べるか指定。PC、スマホ共に上下カード

モーダルの幅指定

リンク

shadow=”yes” radius=”no” border=”yes” collapse=”no”

trim

PageTop