/* /App.razor.rz.scp.css */
/*
    IgbButton のボタンキャプションを左寄せにするためのスタイル

    - IgbButton は HTML 上は igc-button というタグ名で表現されるので、これをセレクタに指定します。
    - さらに、このサンプルでは、"align-left" クラスが付与されたボタンを左寄せとすることにします。
    - ::part(~) は、Shadow DOM 内の特定の部分にスタイルを適用するためのセレクタです。
    - "base" という part 名の部分が、display: flex; を持つ要素であるため、justify-content: start; を指定することで、左寄せにします。
    - その他、利用可能な part 名は、下記リンク先のドキュメントをご参照ください。
      https://jp.infragistics.com/products/ignite-ui-blazor/blazor/components/inputs/button#%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E8%A8%AD%E5%AE%9A
*/
[b-oe69v7d5d7] igc-button.align-left::part(base) {
    justify-content: start;
}

/*
    IgbButton のボタンキャプションを右寄せにするためのスタイル

    - このサンプルでは、"align-right" クラスが付与されたボタンを右寄せとすることにします。
    - 右寄せにする場合は、justify-content に end を指定します。
*/
[b-oe69v7d5d7] igc-button.align-right::part(base) {
    justify-content: end;
}