_carousel.scss 1.36 KB
Newer Older
1
.carousel {
Pat Kira's avatar
Pat Kira committed
2
3
    width: 82%;
    margin: 0 auto;
4
5
    .item {
        display: block;
Pat Kira's avatar
Pat Kira committed
6
7
8
        // &.inline {
        //     display: block;
        // }
9
10
11
12
13
14
15
16
17
    }

    &.carousel-ready {
        .item {
            display: none;
            &.active,
            &.next {
                display: block;
            }
Pat Kira's avatar
Pat Kira committed
18
19
20
            img {
                vertical-align: middle;
            }
21
22
23
24
25
        }
    }
    // Overriding bootstrap carousel styles
    .carousel-caption {
        text-align: left;
Pat Kira's avatar
Pat Kira committed
26
27
28
29
        position: relative;
        color: $text-color;
        background-color: transparent;
        text-shadow: none;
30
31
32
        left: 0;
        right: 0;
        bottom: 0;
Pat Kira's avatar
Pat Kira committed
33
        padding: 10px 0 0 0;
34
35
    }
    .carousel-control {
Pat Kira's avatar
Pat Kira committed
36
        width: 8%;
37
        opacity: 1;
Pat Kira's avatar
Pat Kira committed
38
39
40
41
42
43
44
45
46
47
48
        top: 0;
        bottom: 100%;
        ~ .icon {
            vertical-align: middle;
        }
        &.left {
            left: -10%;
        }
        &.right {
            right: -10%;
        }
49
50
51
52
53
        &:hover,
        &:focus {
            opacity: 1;
        }
        .icon-lg {
Pat Kira's avatar
Pat Kira committed
54
            font-size: 1.5em;
55
56
57
        }
        a {
            display: block;
Pat Kira's avatar
Pat Kira committed
58
            padding: 3px;
59
60
61
62
63
64
65
66
67
            color: #000;
            opacity: .5;
            &:hover,
            &:focus {
                outline: 0;
                text-decoration: none;
                opacity: .9;
            }
        }
68
    }
69
}