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

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

<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>

<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>