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 
/**
2 
 * Dropdown menu Moodle specific styles.
3 
 */
4 
 
5 
// Make links in a menu clickable anywhere in the row.
6 
.dropdown-item {
7 
    a {
8 
        display: block;
9 
        width: 100%;
10 
        color: $body-color;
11 
    }
12 
    &.active,
13 
    &:active,
14 
    &:hover,
15 
    &:focus,
16 
    &:focus-within {
17 
        a {
18 
            color: $dropdown-link-active-color;
19 
        }
20 
    }
21 
    &[aria-current="true"],
22 
    &[aria-selected="true"] {
23 
        position: relative;
24 
        display: flex;
25 
        align-items: center;
26 
        &:before {
1441 ariadna 27 
            font: var(--fa-font-solid);
1 efrain 28 
            content: fa-content($fa-var-check);
29 
            position: absolute;
30 
            left: 0.4rem;
31 
            font-size: 0.7rem;
32 
        }
33 
    }
34 
}
35 
 
36 
.dropdown-menu {
37 
    width: fit-content;
1441 ariadna 38 
    &:has(.dropdown-item-active) {
39 
        .dropdown-item {
40 
            // Make space for active item indicator.
41 
            padding-left: map-get($spacers, 4);
42 
        }
43 
    }
1 efrain 44 
}
45 
 
1441 ariadna 46 
// Add dropdown menu items styles for each theme color mantainning default hover colour for contrast.
1 efrain 47 
@each $color, $value in $theme-colors {
1441 ariadna 48 
    .dropdown-item {
49 
        &:hover,
50 
        &:focus {
51 
            &.text-#{$color},
52 
            a.text-#{$color} {
53 
                color: $dropdown-link-hover-color !important; /* stylelint-disable-line declaration-no-important */
54 
            }
1 efrain 55 
        }
56 
    }
57 
}