box-office.module.scss 956 Bytes
Newer Older
Jiwon Yoon's avatar
Jiwon Yoon committed
1
2
3
4
5
6
7
/* // .cursor {
//     cursor: pointer;
// }

// .dNone {
//     display: none;
// }
Jiwon Yoon's avatar
Jiwon Yoon committed
8
\
Jiwon Yoon's avatar
Jiwon Yoon committed
9
10
11
12
// .dBlock {
//     display: block;
// } */

Jiwon Yoon's avatar
Jiwon Yoon committed
13
14
15
16
17
18
19
20
21

// @media (max-width: 767px) {
//     .carousel-inner .carousel-item >div {
//         display: none;
//     }
//     .carousel-inner .carousel-item >div:first-child {
//         display: block;
//     }
// }
Kim, Subin's avatar
Kim, Subin committed
22

Jiwon Yoon's avatar
Jiwon Yoon committed
23
24
25
26
.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
Kim, Subin's avatar
Kim, Subin committed
27
}
Jiwon Yoon's avatar
Jiwon Yoon committed
28
$breakpoint-tablet: 768px;
Jiwon Yoon's avatar
Jiwon Yoon committed
29
/* medium and up screens */
Jiwon Yoon's avatar
Jiwon Yoon committed
30
@media (min-width: $breakpoint-tablet) {
Jiwon Yoon's avatar
Jiwon Yoon committed
31
    
Jiwon Yoon's avatar
Jiwon Yoon committed
32
    .carousel-inner .carousel-item-end .active,
Jiwon Yoon's avatar
Jiwon Yoon committed
33
34
35
36
    .carousel-inner .carousel-item-next {
      transform: translateX(25%);
    }
    
Jiwon Yoon's avatar
Jiwon Yoon committed
37
    .carousel-inner .carousel-item-start .active,
Jiwon Yoon's avatar
Jiwon Yoon committed
38
39
40
    .carousel-inner .carousel-item-prev {
      transform: translateX(-25%);
    }
Kim, Subin's avatar
Kim, Subin committed
41
42
}

Jiwon Yoon's avatar
Jiwon Yoon committed
43
44
45
46
.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start { 
  transform: translateX(0);
}