source: trip-planner-front/node_modules/primeng/resources/components/carousel/carousel.css

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

adding photos

  • Property mode set to 100644
File size: 1.1 KB
Line 
1.p-carousel {
2 display: flex;
3 flex-direction: column;
4}
5
6.p-carousel-content {
7 display: flex;
8 flex-direction: column;
9 overflow: auto;
10}
11
12.p-carousel-prev,
13.p-carousel-next {
14 align-self: center;
15 flex-grow: 0;
16 flex-shrink: 0;
17 display: flex;
18 justify-content: center;
19 align-items: center;
20 overflow: hidden;
21 position: relative;
22}
23
24.p-carousel-container {
25 display: flex;
26 flex-direction: row;
27}
28
29.p-carousel-items-content {
30 overflow: hidden;
31 width: 100%;
32}
33
34.p-carousel-items-container {
35 display: flex;
36 flex-direction: row;
37}
38
39.p-carousel-indicators {
40 display: flex;
41 flex-direction: row;
42 justify-content: center;
43 flex-wrap: wrap;
44}
45
46.p-carousel-indicator > button {
47 display: flex;
48 align-items: center;
49 justify-content: center;
50}
51
52/* Vertical */
53.p-carousel-vertical .p-carousel-container {
54 flex-direction: column;
55}
56
57.p-carousel-vertical .p-carousel-items-container {
58 flex-direction: column;
59 height: 100%;
60}
61
62/* Keyboard Support */
63.p-items-hidden .p-carousel-item {
64 visibility: hidden;
65}
66
67.p-items-hidden .p-carousel-item.p-carousel-item-active {
68 visibility: visible;
69}
Note: See TracBrowser for help on using the repository browser.