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
9 /* grid row colors are bootstrap class="bg-info" with opacity */
12 :host /deep/ .holdings-copy-row {
16 :host /deep/ .holdings-volume-row {
18 background-color: rgb(23,162,184,0.2);
21 :host /deep/ .holdings-org-row-0 {
23 background-color: rgb(23,162,184);
26 :host /deep/ .holdings-org-row-1 {
28 background-color: rgb(23,162,184,0.8);
31 :host /deep/ .holdings-org-row-2 {
33 background-color: rgb(23,162,184,0.6);
36 :host /deep/ .holdings-org-row-3 {
38 background-color: rgb(23,162,184,0.4);
41 /* Add additional classes for more deeply nested org unit hierarchies */