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

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

import { addDomStyleModule } from "../tricore-util/tricore-util.js";

const sharedAppLayoutStyles = `
<dom-module id="shared-app-layout-styles">
	<template>
		<style>

			triplat-route-selector, iron-pages {
				@apply --layout-flex;
				@apply --layout-vertical;
			}

			iron-pages > * {
				@apply --layout-flex;
			}
		
		</style>
	</template>
</dom-module>
`;

addDomStyleModule(sharedAppLayoutStyles, "@element/@element-styles.js");

const sharedPageStyles = `
<dom-module id="shared-page-styles">
	<template>
		<style>

			.page-header {
				@apply --layout-justified;
				@apply --layout-horizontal;
				@apply --layout-center;
				padding: 20px;
			}

			.header-text {
				font-weight: bold;
			}
		
		</style>
	</template>
</dom-module>
`;

addDomStyleModule(sharedPageStyles, "@element/@element-styles.js");