@tririga/tri-template/lib/templates/app-layout-v3/@element-styles.js

A simple tool for generating IBM TRIRIGA UX view skeletons from available templates.

import "../@polymer/iron-flex-layout/iron-flex-layout.js";
import { addDomStyleModule } from "../tricore-util/tricore-util.js";

const @ElementCamelCaseStyles = `
<dom-module id="@element-styles">
	<template>
		<style>

			iron-pages {
				@apply --layout-fit;
				@apply --layout-flex;
				@apply --layout-vertical;
				@apply --layout-center-justified;
			}

			section {
				@apply --layout-horizontal;
				@apply --layout-center-justified;
			}
		
		</style>
	</template>
</dom-module>
`;

addDomStyleModule(@ElementCamelCaseStyles, "app-layout/@element-styles.js");