source: trip-planner-front/node_modules/primeng/resources/components/dock/dock.css@ 59329aa

Last change on this file since 59329aa was 59329aa, checked in by Ema <ema_spirova@…>, 3 years ago

adding photos

  • Property mode set to 100644
File size: 1.5 KB
Line 
1.p-dock {
2 position: absolute;
3 z-index: 1;
4 display: flex;
5 justify-content: center;
6 align-items: center;
7 pointer-events: none;
8}
9
10.p-dock-list-container {
11 display: flex;
12 pointer-events: auto;
13}
14
15.p-dock-list {
16 margin: 0;
17 padding: 0;
18 list-style: none;
19 display: flex;
20 align-items: center;
21 justify-content: center;
22}
23
24.p-dock-item {
25 transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);
26 will-change: transform;
27}
28
29.p-dock-action {
30 display: flex;
31 flex-direction: column;
32 align-items: center;
33 justify-content: center;
34 position: relative;
35 overflow: hidden;
36 cursor: default;
37}
38
39.p-dock-item-second-prev,
40.p-dock-item-second-next {
41 transform: scale(1.2);
42}
43
44.p-dock-item-prev,
45.p-dock-item-next {
46 transform: scale(1.4);
47}
48
49.p-dock-item-current {
50 transform: scale(1.6);
51 z-index: 1;
52}
53
54/* Position */
55/* top */
56.p-dock-top {
57 left: 0;
58 top: 0;
59 width: 100%;
60}
61
62.p-dock-top .p-dock-item {
63 transform-origin: center top;
64}
65
66/* bottom */
67.p-dock-bottom {
68 left: 0;
69 bottom: 0;
70 width: 100%;
71}
72
73.p-dock-bottom .p-dock-item {
74 transform-origin: center bottom;
75}
76
77/* right */
78.p-dock-right {
79 right: 0;
80 top: 0;
81 height: 100%;
82}
83
84.p-dock-right .p-dock-item {
85 transform-origin: center right;
86}
87
88.p-dock-right .p-dock-list {
89 flex-direction: column;
90}
91
92/* left */
93.p-dock-left {
94 left: 0;
95 top: 0;
96 height: 100%;
97}
98
99.p-dock-left .p-dock-item {
100 transform-origin: center left;
101}
102
103.p-dock-left .p-dock-list {
104 flex-direction: column;
105}
Note: See TracBrowser for help on using the repository browser.