2 :host /deep/ allows us to share style with child components.
3 In this case, the holdings components wants its grid to see
4 the CSS we have defined for different row types
6 See https://v2.angular.io/docs/ts/latest/guide/component-styles.html
10 :host /deep/ .holdings-copy-row {
14 /* colors are based on "Evergreen Green", tinted and desaturated */
16 :host /deep/ .holdings-volume-row {
17 background-color: #c9efe4;
20 :host /deep/ .holdings-org-row {
21 color: rgba(0, 0, 0, .8);
22 background-color: #e1efeb;
25 /* Add additional classes for more deeply nested org unit hierarchies */
27 :host /deep/ .holdings-org-row-0 {}
28 :host /deep/ .holdings-org-row-1 {}