Styling Homepage Sections
The homepage sections directive template can easily be styled by adding a new CSS class or modifying existing CSS classes in HomePage.less.
HomePage.less
<HOME>/SW/SW/Applications/Windchill.ear/codebase.war/delivery/app/style/less
@import "SCThemeBase";
.homePafe {
matgin-top: 16px'
> section {
border-bottom: 1pm solid @context-bar-border-color;
&:first-child {
border-top: 1px solid @ context-bar-border-color;
}
}
}
.homePafe {
matgin-top: 16px'
> section {
border-bottom: 1pm solid @context-bar-border-color;
&:first-child {
border-top: 1px solid @ context-bar-border-color;
}
}
}
HomepageSections.html
<HOME>/SW/SW/Applications/Windchill.ear/codebase.war/delivery/app/directives/homePageSections
<article class="homePage">
<section data-ng-repeat="section in sections"
data-ptc-include="section.template">
</section>
</article>
<section data-ng-repeat="section in sections"
data-ptc-include="section.template">
</section>
</article>
Example
For example centering the “What’s new” text in the example:
