Proyectos de Subversion Moodle

Rev

Rev 1 | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1 
.primary-navigation {
2 
 
3 
    @include media-breakpoint-between(xs, md) {
4 
        .navbar-nav {
5 
            flex-direction: column!important;
6 
        }
7 
    }
8 
 
9 
    .navigation {
10 
        height: 42px;
11 
        display: flex;
12 
        align-items: center;
13 
 
1441 ariadna 14 
        @include media-breakpoint-only(md) {
15 
            height: 52px;
16 
            width: calc(100% - 20px);
17 
            margin: 0 10px 0;
18 
        }
19 
 
20 
        @include media-breakpoint-between(xs, sm) {
1 efrain 21 
            height: max-content;
22 
            width: calc(100% - 20px);
23 
            margin: 20px 10px 0;
24 
            display: none;
25 
        }
26 
 
27 
        .nav-link {
28 
            padding: 6px 12px;
1441 ariadna 29 
            color: var(--topbar-btn-text);
1 efrain 30 
            border: none;
31 
            border-radius: $btn-border-radius;
32 
 
1441 ariadna 33 
            .theme-dark & {
34 
                color: $dm-topbar-btn-text;
35 
            }
36 
 
1 efrain 37 
            @include media-breakpoint-up(lmd) {
38 
                margin: 0 1px;
39 
            }
40 
 
41 
            &:before {
42 
                display: none;
43 
            }
44 
 
45 
            &.active {
1441 ariadna 46 
                background-color: var(--topbar-btn-hover);
47 
                color: var(--topbar-btn-hover-text);
1 efrain 48 
                box-shadow: rgba(9,30,66,.25) 0 1px 1px,rgba(9,30,66,.13) 0 0 1px 1px;
49 
 
50 
                .theme-dark & {
1441 ariadna 51 
                    background-color: var(--dm-topbar-btn-hover);
52 
                    color: var(--dm-topbar-btn-hover-text);
1 efrain 53 
                }
54 
            }
55 
 
56 
            &[aria-expanded="true"],
57 
            &:hover {
1441 ariadna 58 
                background-color: var(--topbar-btn-hover);
59 
                color: var(--topbar-btn-hover-text);
1 efrain 60 
 
61 
                .theme-dark & {
1441 ariadna 62 
                    background-color: var(--dm-topbar-btn-hover);
63 
                    color: var(--dm-topbar-btn-hover-text);
1 efrain 64 
                }
65 
            }
66 
 
67 
        }
68 
    }
69 
}
70 
 
1441 ariadna 71 
@include media-breakpoint-only(md) {
1 efrain 72 
    .primary-navigation {
73 
        position: relative;
74 
        width: 100%;
1441 ariadna 75 
        margin-top: 0;
76 
        margin-bottom: 0;
77 
    }
78 
}
79 
 
80 
@include media-breakpoint-between(xs, sm) {
81 
    .primary-navigation {
82 
        position: relative;
83 
        width: 100%;
1 efrain 84 
        margin-top: 20px;
85 
        margin-bottom: 0;
86 
    }
87 
}
88 
 
89 
.editmode-switch-form .custom-control-input {
90 
    z-index: 1;
91 
}
92 
 
93 
.drawer-primary .drawercontent {
94 
    padding: 0;
95 
 
96 
    .list-group {
97 
        border-radius: 0;
98 
        margin-top: -1px;
99 
 
100 
        .list-group-item {
101 
            border-left: 0;
102 
            border-right: 0;
103 
        }
104 
    }
105 
}