Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1 
@mixin hover-navbar {
2 
    border-color: transparent;
3 
    background-color: $gray-100;
4 
}
5 
 
6 
.navbar.fixed-top {
7 
    padding-top: 0;
8 
    padding-bottom: 0;
9 
    box-shadow: none;
10 
    border-bottom: $gray-300 1px solid;
11 
    align-items: stretch;
12 
    height: $navbar-height + 1px;
13 
 
14 
    .navbar-brand {
15 
        .logo {
16 
            max-height: calc(#{$navbar-height} - (#{$primary-nav-padding-y} * 2));
17 
        }
18 
    }
19 
    .nav-link {
20 
        height: 100%;
21 
        display: flex;
22 
        align-items: center;
23 
        white-space: nowrap;
24 
    }
25 
    .divider {
26 
        width: 1px;
27 
        background-color: $gray-300;
28 
    }
29 
 
30 
    #usernavigation .nav-link {
31 
        padding: 0 $primary-nav-padding-x;
32 
    }
33 
    .login {
34 
        display: flex;
35 
        align-items: center;
36 
    }
37 
    .usermenu {
38 
        display: flex;
39 
        .action-menu {
40 
            display: flex;
41 
            align-items: center;
42 
        }
43 
        .dropdown {
44 
            display: flex;
45 
            align-items: center;
46 
            .dropdown-toggle {
47 
                padding-top: 0;
48 
                padding-bottom: 0;
49 
                border-radius: 0;
50 
                display: flex;
51 
                align-items: center;
52 
                height: 100%;
53 
            }
54 
        }
55 
        .dropdown-menu {
56 
            min-width: 235px;
57 
            .carousel-navigation-link {
58 
                > * {
59 
                    pointer-events: none;
60 
                }
61 
            }
62 
            .dropdown-item {
63 
                padding: .25rem 1.75rem .25rem .75rem;
64 
                &.carousel-navigation-link::after {
65 
                    @extend .fa-solid;
66 
                    content: fa-content($fa-var-caret-right);
67 
                    font-size: 1rem;
68 
                    right: .75rem;
69 
                    position: absolute;
70 
                }
71 
            }
72 
            .submenu {
73 
                .header {
74 
                    padding: .25rem .75rem;
75 
                    font-size: .975rem;
76 
                    .icon {
77 
                        font-size: 20px;
78 
                        height: 20px;
79 
                        width: 20px;
80 
                        margin: 0;
81 
                    }
82 
                }
83 
                .items {
84 
                    .dropdown-item {
85 
                        &[aria-current="true"]::before {
86 
                            @extend .fa-solid;
87 
                            content: fa-content($fa-var-check);
88 
                            font-size: 0.75rem;
89 
                            padding-left: .25rem;
90 
                        }
91 
                    }
92 
                }
93 
            }
94 
        }
95 
        .login {
96 
            display: flex;
97 
            align-items: center;
98 
        }
99 
    }
100 
    .usermenu,
101 
    .langmenu {
102 
        .dropdown {
103 
            display: flex;
104 
            align-items: center;
105 
            height: 100%;
106 
            .dropdown-toggle {
107 
                padding-top: 0;
108 
                padding-bottom: 0;
109 
                border-radius: 0;
110 
                display: flex;
111 
                align-items: center;
112 
                height: 100%;
113 
            }
114 
        }
115 
    }
116 
    .langmenu {
117 
        .dropdown-menu {
118 
            .dropdown-item {
119 
                &[aria-current="true"]::before {
120 
                    content: "\f00c";
121 
                    font-size: 0.75rem;
122 
                    padding-left: .25rem;
123 
                }
124 
            }
125 
        }
126 
        @include media-breakpoint-down(sm) {
127 
            .langbutton {
128 
                display: none;
129 
            }
130 
        }
131 
    }
132 
    .moodle-actionmenu .menubar,
133 
    .action-menu-trigger .dropdown {
134 
        height: 100%;
135 
        display: flex;
136 
    }
137 
}
138 
.dir-rtl .navbar.fixed-top {
139 
    .usermenu {
140 
        .dropdown-menu {
141 
            .dropdown-item {
142 
                &.carousel-navigation-link::after {
143 
                    @extend .fa-solid;
144 
                    content: fa-content($fa-var-caret-left);
145 
                }
146 
            }
147 
            .carousel {
148 
                .carousel-inner {
149 
                    .carousel-item-prev.carousel-item-right,
150 
                    .carousel-item-next.carousel-item-left {
151 
                        transform: translateX(0);
152 
                    }
153 
                    .carousel-item-next,
154 
                    .carousel-item-right.active {
155 
                        transform: translateX(-100%);
156 
                    }
157 
                    .carousel-item-prev,
158 
                    .carousel-item-left.active {
159 
                        transform: translateX(100%);
160 
                    }
161 
                }
162 
            }
163 
        }
164 
    }
165 
}
166 
#page {
167 
    margin-top: $navbar-height;
168 
}
169 
.pagelayout-embedded #page {
170 
    margin-top: 0;
171 
}
172 
.navbar-bootswatch {
173 
    .navbar-brand {
174 
        overflow: hidden;
175 
        text-overflow: ellipsis;
176 
        .sitename {
177 
            overflow: hidden;
178 
            white-space: nowrap;
179 
            text-overflow: ellipsis;
180 
        }
181 
    }
182 
}
183 
 
184 
// Make navbar height available for non-sass use.
185 
:root {
186 
    --navbar-height: #{$navbar-height};
187 
}