Proyectos de Subversion Moodle

Rev

Rev 1 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 1 Rev 1441
Línea 9... Línea 9...
9 
    .navigation {
 9 
    .navigation {
10 
        height: 42px;
 10 
        height: 42px;
11 
        display: flex;
 11 
        display: flex;
12 
        align-items: center;
 12 
        align-items: center;
Línea -... Línea 13...
- 
 
 13 
 
- 
 
 14 
        @include media-breakpoint-only(md) {
- 
 
 15 
            height: 52px;
- 
 
 16 
            width: calc(100% - 20px);
- 
 
 17 
            margin: 0 10px 0;
- 
 
 18 
        }
13 
 
 19 
 
14 
        @include media-breakpoint-between(xs, md) {
 20 
        @include media-breakpoint-between(xs, sm) {
15 
            height: max-content;
 21 
            height: max-content;
16 
            width: calc(100% - 20px);
 22 
            width: calc(100% - 20px);
17 
            margin: 20px 10px 0;
 23 
            margin: 20px 10px 0;
18 
            display: none;
 24 
            display: none;
Línea 19... Línea 25...
19 
        }
 25 
        }
20 
 
 26 
 
21 
        .nav-link {
 27 
        .nav-link {
22 
            padding: 6px 12px;
 28 
            padding: 6px 12px;
23 
            color: $topbar-btn-text;
 29 
            color: var(--topbar-btn-text);
Línea -... Línea 30...
- 
 
 30 
            border: none;
- 
 
 31 
            border-radius: $btn-border-radius;
- 
 
 32 
 
- 
 
 33 
            .theme-dark & {
24 
            border: none;
 34 
                color: $dm-topbar-btn-text;
25 
            border-radius: $btn-border-radius;
 35 
            }
26 
 
 36 
 
Línea 27... Línea 37...
27 
            @include media-breakpoint-up(lmd) {
 37 
            @include media-breakpoint-up(lmd) {
28 
                margin: 0 1px;
 38 
                margin: 0 1px;
29 
            }
 39 
            }
Línea 30... Línea 40...
30 
 
 40 
 
31 
            &:before {
 41 
            &:before {
32 
                display: none;
 42 
                display: none;
33 
            }
 43 
            }
Línea 34... Línea 44...
34 
 
 44 
 
35 
            &.active {
 45 
            &.active {
36 
                background-color: $topbar-btn-hover;
 46 
                background-color: var(--topbar-btn-hover);
37 
                color: $topbar-btn-text;
 47 
                color: var(--topbar-btn-hover-text);
38 
                box-shadow: rgba(9,30,66,.25) 0 1px 1px,rgba(9,30,66,.13) 0 0 1px 1px;
 48 
                box-shadow: rgba(9,30,66,.25) 0 1px 1px,rgba(9,30,66,.13) 0 0 1px 1px;
Línea 39... Línea 49...
39 
 
 49 
 
40 
                .theme-dark & {
 50 
                .theme-dark & {
41 
                    background-color: $dm-gray-100;
 51 
                    background-color: var(--dm-topbar-btn-hover);
42 
                    color: $dm-body-color-secondary;
 52 
                    color: var(--dm-topbar-btn-hover-text);
Línea 43... Línea 53...
43 
                }
 53 
                }
44 
            }
 54 
            }
45 
 
 55 
 
46 
            &[aria-expanded="true"],
 56 
            &[aria-expanded="true"],
47 
            &:hover {
 57 
            &:hover {
Línea 48... Línea -...
48 
                background-color: rgba($topbar-btn-hover, .5);
 - 
 
49 
                color: $topbar-btn-hover-text;
 - 
 
50 
 
 - 
 
51 
                .theme-dark & {
 58 
                background-color: var(--topbar-btn-hover);
52 
                    background-color: rgba($dm-gray-100, .6);
 59 
                color: var(--topbar-btn-hover-text);
53 
                    color: $dm-body-color-secondary;
 60 
 
Línea -... Línea 61...
- 
 
 61 
                .theme-dark & {
- 
 
 62 
                    background-color: var(--dm-topbar-btn-hover);
- 
 
 63 
                    color: var(--dm-topbar-btn-hover-text);
- 
 
 64 
                }
- 
 
 65 
            }
- 
 
 66 
 
- 
 
 67 
        }
- 
 
 68 
    }
- 
 
 69 
}
54 
                }
 70 
 
55 
            }
 71 
@include media-breakpoint-only(md) {
56 
 
 72 
    .primary-navigation {
57 
            .theme-dark & {
 73 
        position: relative;
58 
                color: $dm-body-color;
 74 
        width: 100%;
59 
            }
 75 
        margin-top: 0;