Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1 
.moremenu {
2 
    opacity: 0;
3 
    height: $moremenu-height;
4 
    &.observed {
5 
        opacity: 1;
6 
    }
7 
    .nav-link {
8 
        height: $moremenu-height;
9 
        display: flex;
10 
        align-items: center;
11 
        border-right: none;
12 
        border-bottom: solid 3px transparent;
13 
        border-left: none;
14 
        border-top: none;
15 
        &:hover,
16 
        &:focus {
17 
            @include hover-navbar();
18 
        }
19 
 
20 
        &.active {
21 
            background-color: $gray-100;
22 
            border-color: transparent;
23 
            border-bottom-color: $primary;
24 
            &:focus,
25 
            &:hover {
26 
                background-color: $gray-100;
27 
                border-bottom-color: $primary;
28 
            }
29 
        }
30 
        &.focus,
31 
        &:focus {
32 
            position: relative;
33 
        }
34 
        &[data-toggle="tab"] {
35 
            display: inline-flex;
36 
            flex-direction: column;
37 
            align-items: center;
38 
            justify-content: center;
39 
 
40 
            &::after {
41 
                content: attr(data-text) / "";
42 
                height: 0;
43 
                visibility: hidden;
44 
                overflow: hidden;
45 
                user-select: none;
46 
                pointer-events: none;
47 
                font-weight: bold;
48 
 
49 
                @media speech {
50 
                    display: none;
51 
                }
52 
            }
53 
        }
54 
    }
55 
    .nav-tabs {
56 
        margin-left: 0;
57 
        background-color: $body-bg;
58 
    }
59 
    .show > .nav-link,
60 
    .active > .nav-link,
61 
    .nav-link.show,
62 
    .nav-link.active {
63 
        background: transparent;
64 
    }
65 
 
66 
    // Styling for dropdown menus inside the MoreButton.
67 
    .dropdownmoremenu > .dropdown-menu {
68 
        & > .dropdown-item {
69 
            padding: 0;
70 
        }
71 
        .dropdown-menu {
72 
            position: static;
73 
            padding: 0;
74 
            border: 0;
75 
            &.show {
76 
                display: block;
77 
            }
78 
            .dropdown-item {
79 
                background-color: $gray-100;
80 
                &:hover,
81 
                &:focus {
82 
                    color: $dropdown-link-hover-color;
83 
                    @include gradient-bg($dropdown-link-active-bg);
84 
                }
85 
            }
86 
            .dropdown-divider {
87 
                display: none;
88 
            }
89 
        }
90 
    }
91 
 
92 
    .dropdown-item[aria-current="true"],
93 
    .dropdown-item.active {
94 
        background-color: transparent;
95 
        color: $dropdown-link-color;
96 
        &:focus-within,
97 
        &:hover {
98 
            background-color: $dropdown-link-active-bg;
99 
            color: $dropdown-link-active-color;
100 
            a {
101 
                color: $dropdown-link-active-color;
102 
            }
103 
        }
104 
        &:before {
105 
            @extend .fa-solid;
106 
            content: fa-content($fa-var-check);
107 
        }
108 
    }
109 
}