Proyectos de Subversion Moodle

Rev

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

Rev 1 Rev 1441
Línea 12... Línea 12...
12
    &.active,
12
    &.active,
13
    &:active,
13
    &:active,
14
    &:hover,
14
    &:hover,
15
    &:focus,
15
    &:focus,
16
    &:focus-within {
16
    &:focus-within {
17
        outline: 0;
-
 
18
        background-color: $dropdown-link-active-bg;
-
 
19
        color: $dropdown-link-active-color;
-
 
20
        a {
17
        a {
21
            color: $dropdown-link-active-color;
18
            color: $dropdown-link-active-color;
22
        }
19
        }
23
    }
20
    }
24
    &[aria-current="true"],
21
    &[aria-current="true"],
25
    &[aria-selected="true"] {
22
    &[aria-selected="true"] {
26
        position: relative;
23
        position: relative;
27
        display: flex;
24
        display: flex;
28
        align-items: center;
25
        align-items: center;
29
        &:before {
26
        &:before {
30
            @extend .fa-solid;
27
            font: var(--fa-font-solid);
31
            content: fa-content($fa-var-check);
28
            content: fa-content($fa-var-check);
32
            position: absolute;
29
            position: absolute;
33
            left: 0.4rem;
30
            left: 0.4rem;
34
            font-size: 0.7rem;
31
            font-size: 0.7rem;
35
        }
32
        }
36
    }
33
    }
37
}
34
}
Línea 38... Línea 35...
38
 
35
 
39
.dropdown-menu {
36
.dropdown-menu {
-
 
37
    width: fit-content;
-
 
38
    &:has(.dropdown-item-active) {
-
 
39
        .dropdown-item {
-
 
40
            // Make space for active item indicator.
-
 
41
            padding-left: map-get($spacers, 4);
-
 
42
        }
40
    width: fit-content;
43
    }
Línea 41... Línea 44...
41
}
44
}
42
 
45
 
43
// Add dropdown menu items styles for each theme color (mantainning default hover colour for contrast).
46
// Add dropdown menu items styles for each theme color mantainning default hover colour for contrast.
44
@each $color, $value in $theme-colors {
47
@each $color, $value in $theme-colors {
45
    .dropdown-item.text-#{$color} {
48
    .dropdown-item {
-
 
49
        &:hover,
-
 
50
        &:focus {
46
        color: $value;
51
            &.text-#{$color},
-
 
52
            a.text-#{$color} {
47
        &:hover {
53
                color: $dropdown-link-hover-color !important; /* stylelint-disable-line declaration-no-important */
48
            color: $dropdown-link-hover-color !important; /* stylelint-disable-line declaration-no-important */
54
            }
49
        }
55
        }