1 |
1 |
2 HbListViewItem:portrait{ |
2 HbListViewItem[layoutName="citylist"]:portrait{ |
3 layout: citylist-portrait; |
3 layout: citylist-portrait; |
4 } |
4 } |
5 |
5 |
6 HbListViewItem:landscape{ |
6 HbListViewItem[layoutName="citylist"]:landscape{ |
7 layout: citylist-landscape; |
7 layout: citylist-landscape; |
8 } |
8 } |
9 |
9 |
10 HbListViewItem[layoutName="citylist-portrait"]::icon-1{ |
10 HbListViewItem[layoutName="citylist"]::icon-1{ |
11 top: -var(hb-param-margin-gene-top); |
11 top: -var(hb-param-margin-gene-top); |
12 left: -var(hb-param-margin-gene-left); |
12 left: -var(hb-param-margin-gene-left); |
13 right: var(hb-param-margin-gene-middle-horizontal); |
|
14 bottom: var(hb-param-margin-gene-bottom); |
|
15 |
13 |
16 fixed-height: var(hb-param-graphic-size-primary-large); |
14 fixed-height: var(hb-param-graphic-size-primary-large); |
17 fixed-width: var(hb-param-graphic-size-primary-large); |
15 fixed-width: var(hb-param-graphic-size-primary-large); |
18 } |
16 } |
19 |
17 |
20 HbListViewItem[layoutName="citylist-portrait"]::text-1{ |
18 HbListViewItem[layoutName="citylist"]::text-1{ |
21 top: -var(hb-param-margin-gene-top); |
19 top: -var(hb-param-margin-gene-top); |
22 right: var(hb-param-margin-gene-middle-horizontal); |
20 left: -var(hb-param-margin-gene-middle-horizontal); |
|
21 |
23 text-height: var(hb-param-text-height-tiny); |
22 text-height: var(hb-param-text-height-tiny); |
24 font-variant: secondary; |
23 font-variant: secondary; |
25 text-align: left; |
24 text-align: left; |
26 } |
25 } |
27 |
26 |
28 HbListViewItem[layoutName="citylist-portrait"]::text-2{ |
27 HbListViewItem[layoutName="citylist"]::icon-2{ |
29 top: -var(hb-param-margin-gene-middle-vertical); |
|
30 right: var(hb-param-margin-gene-middle-horizontal); |
|
31 text-height: var(hb-param-text-height-primary); |
|
32 font-variant: primary; |
|
33 text-align: left; |
|
34 } |
|
35 |
|
36 HbListViewItem[layoutName="citylist-portrait"]::text-3{ |
|
37 top: -var(hb-param-margin-gene-middle-vertical); |
|
38 right: var(hb-param-margin-gene-right); |
|
39 bottom: var(hb-param-margin-gene-bottom); |
|
40 |
|
41 text-height: var(hb-param-text-height-tiny); |
|
42 font-variant: secondary; |
|
43 text-align: left; |
|
44 } |
|
45 |
|
46 HbListViewItem[layoutName="citylist-landscape"]::text-3{ |
|
47 right: var(hb-param-margin-gene-right); |
|
48 |
|
49 text-height: var(hb-param-text-height-tiny); |
|
50 font-variant: secondary; |
|
51 text-align: right; |
|
52 fixed-width: 24un; |
|
53 } |
|
54 |
|
55 HbListViewItem[layoutName="citylist-portrait"]::icon-2{ |
|
56 top: -var(hb-param-margin-gene-top); |
28 top: -var(hb-param-margin-gene-top); |
|
29 left: -var(hb-param-margin-gene-middle-horizontal); |
57 right: var(hb-param-margin-gene-right); |
30 right: var(hb-param-margin-gene-right); |
58 |
31 |
59 fixed-height: var(hb-param-graphic-size-secondary); |
32 fixed-height: var(hb-param-graphic-size-secondary); |
60 fixed-width: var(hb-param-graphic-size-secondary); |
33 fixed-width: var(hb-param-graphic-size-secondary); |
61 } |
34 } |
62 |
35 |
63 HbListViewItem[layoutName="citylist-portrait"]::text-4{ |
36 HbListViewItem[layoutName="citylist"]::text-2{ |
|
37 top: -var(hb-param-margin-gene-middle-vertical); |
|
38 bottom: var(hb-param-margin-gene-middle-vertical); |
|
39 |
|
40 text-height: var(hb-param-text-height-primary); |
|
41 font-variant: primary; |
|
42 text-align: left; |
|
43 } |
|
44 |
|
45 HbListViewItem[layoutName="citylist"]::text-3{ |
|
46 bottom: var(hb-param-margin-gene-bottom); |
|
47 text-height: var(hb-param-text-height-tiny); |
|
48 font-variant: secondary; |
|
49 } |
|
50 |
|
51 HbListViewItem[layoutName="citylist"]::text-3:portrait { |
|
52 text-align: left; |
|
53 size-policy: preferred; |
|
54 } |
|
55 |
|
56 HbListViewItem[layoutName="citylist"]::text-3:landscape { |
|
57 text-align: right; |
|
58 size-policy: maximum; |
|
59 } |
|
60 |
|
61 HbListViewItem[layoutName="citylist"]::text-4{ |
|
62 left = -var(hb-param-margin-gene-middle-horizontal); |
64 right: var(hb-param-margin-gene-right); |
63 right: var(hb-param-margin-gene-right); |
|
64 |
65 text-height: var(hb-param-text-height-tiny); |
65 text-height: var(hb-param-text-height-tiny); |
66 font-variant: secondary; |
66 font-variant: secondary; |
67 text-align: right; |
67 text-align: right; |
68 fixed-width: 16un; |
68 size-policy: maximum; |
69 } |
69 } |