Style Variables

<style>
    /* スタイル */
    :root {
        --colorMain : #{style.colorMain};
        --colorText : #{style.colorText};
        --colorBg   : #{style.colorBg};

        --closeColor : #{style.closeColor};
    }

    /* 擬似表示位置 */
    html {
        display: flex;
        height: 100%;
    }
    {% if style.position === 'default' -%}
    body {
      margin: auto;
      padding: 1.25rem;
    }
    {% elif style.position === 'fit-height' -%}
    body {
        margin: 0 auto;
        height: 100%;
    }
    {% elif style.position === 'fit-width' -%}
    body {
      margin: auto 0;
      width: 100%;
    }
    {% endif -%}
</style>