Proyectos de Subversion Moodle

Rev

| 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 
        outline: 0;
18 
        background-color: $dropdown-link-active-bg;
19 
        color: $dropdown-link-active-color;
20 
        a {
21 
            color: $dropdown-link-active-color;
22 
        }
23 
    }
24 
    &[aria-current="true"],
25 
    &[aria-selected="true"] {
26 
        position: relative;
27 
        display: flex;
28 
        align-items: center;
29 
        &:before {
30 
            @extend .fa-solid;
31 
            content: fa-content($fa-var-check);
32 
            position: absolute;
33 
            left: 0.4rem;
34 
            font-size: 0.7rem;
35 
        }
36 
    }
37 
}
38 
 
39 
.dropdown-menu {
40 
    width: fit-content;
41 
}
42 
 
43 
// Add dropdown menu items styles for each theme color (mantainning default hover colour for contrast).
44 
@each $color, $value in $theme-colors {
45 
    .dropdown-item.text-#{$color} {
46 
        color: $value;
47 
        &:hover {
48 
            color: $dropdown-link-hover-color !important; /* stylelint-disable-line declaration-no-important */
49 
        }
50 
    }
51 
}