Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1
/**
2
 * Bootstrap overrides for RTL
3
 *
4
 * This file is only for overriding sass from upstream bootstrap, all general rtl fixes for
5
 * moodle scss should be placed immediately after the definition of the ltr rule.
6
 */
7
 
8
.breadcrumb-item {
9
    + .breadcrumb-item::before {
10
        content: "#{$breadcrumb-divider-rtl}";
11
        /*rtl:remove*/
12
        content: "#{$breadcrumb-divider}"; /* stylelint-disable-line declaration-block-no-duplicate-properties */
13
    }
14
}
15
 
16
.dir-rtl {
17
    .custom-select {
18
        background-position: 0.75rem center;
19
    }
20
 
21
    .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
22
        transform: translateX(-($custom-switch-width - $custom-control-indicator-size));
23
    }
24
 
25
    .tooltip {
26
        &.bs-tooltip-left,
27
        &.bs-tooltip-right {
28
            .arrow {
29
                transform: rotate(180deg);
30
            }
31
        }
32
 
33
        &.bs-tooltip-left .arrow {
34
            left: auto;
35
            right: 0;
36
        }
37
 
38
        &.bs-tooltip-right .arrow {
39
            left: 0;
40
            right: auto;
41
        }
42
    }
43
 
44
    .popover {
45
        &.bs-popover-right,
46
        &.bs-popover-auto[x-placement^="right"] {
47
            margin-right: 0;
48
            margin-left: $popover-arrow-height;
49
            .arrow {
50
                transform: rotate(180deg);
51
                left: subtract(-$popover-arrow-height, $popover-border-width);
52
                right: auto;
53
            }
54
        }
55
        &.bs-popover-left,
56
        &.bs-popover-auto[x-placement^="left"] {
57
            margin-right: $popover-arrow-height;
58
            margin-left: 0;
59
            .arrow {
60
                transform: rotate(180deg);
61
                left: auto;
62
                right: subtract(-$popover-arrow-height, $popover-border-width);
63
            }
64
        }
65
    }
66
}