Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1
.tertiary-navigation {
2
    padding-top: 10px;
3
 
4
    &.full-width-bottom-border {
5
        width: calc(100% + 1rem + 30px);
6
        margin-left: calc(-0.5rem - 15px);
7
        margin-right: calc(-0.5rem - 15px);
8
        border-bottom: 1px solid $gray-300;
9
        margin-bottom: 25px;
10
 
11
        @include media-breakpoint-down(sm) {
12
            width: calc(100% + 1rem);
13
            margin-left: -0.5rem;
14
            margin-right: -0.5rem;
15
        }
16
 
17
        .row {
18
            margin: 0;
19
            padding-left: 0.5rem;
20
            padding-right: 0.5rem;
21
        }
22
    }
23
 
24
    .navitem,
25
    .navitem-divider {
26
        display: flex;
27
        margin-bottom: 25px;
28
    }
29
 
30
    .navitem-divider {
31
        width: 1px;
32
        background-color: $gray-300;
33
    }
34
 
35
    & > a.btn,
36
    & > div.urlselect {
37
        margin-bottom: 25px;
38
    }
39
 
40
    .row {
41
        column-gap: 10px;
42
    }
43
 
44
    .tertiary-navigation-selector {
45
        .dropdown-toggle {
46
            padding: 0;
47
            font-size: 1.4rem;
48
            font-weight: bold;
49
        }
50
    }
51
 
52
    .navitem:not(:last-child),
53
    .navitem-divider:not(:last-child) {
54
        margin-right: 20px;
55
    }
56
 
57
    // Constrain the width of each tertiary buttons triggering element.
58
    .btn {
59
        & > div {
60
            max-width: 200px;
61
        }
62
    }
63
}
64
 
65
@include media-breakpoint-down(sm) {
66
    .tertiary-navigation {
67
        .mform {
68
            padding-left: initial;
69
        }
70
    }
71
}
72
 
73
@include media-breakpoint-down(xs) {
74
    .tertiary-navigation .page-toggler > p {
75
        font-size: 80%;
76
    }
77
}
78
 
79
@media print {
80
    .tertiary-navigation {
81
        display: none;
82
    }
83
}