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 
@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 {
1441 ariadna 65 
                    font: var(--fa-font-solid);
1 efrain 66 
                    content: fa-content($fa-var-caret-right);
67 
                    font-size: 1rem;
1441 ariadna 68 
                    padding-top: .2rem;
1 efrain 69 
                    right: .75rem;
70 
                    position: absolute;
71 
                }
72 
            }
73 
            .submenu {
74 
                .header {
75 
                    padding: .25rem .75rem;
76 
                    font-size: .975rem;
77 
                    .icon {
78 
                        font-size: 20px;
79 
                        height: 20px;
80 
                        width: 20px;
81 
                        margin: 0;
82 
                    }
83 
                }
84 
                .items {
85 
                    .dropdown-item {
86 
                        &[aria-current="true"]::before {
1441 ariadna 87 
                            font: var(--fa-font-solid);
1 efrain 88 
                            content: fa-content($fa-var-check);
89 
                            font-size: 0.75rem;
90 
                            padding-left: .25rem;
91 
                        }
92 
                    }
93 
                }
94 
            }
95 
        }
96 
        .login {
97 
            display: flex;
98 
            align-items: center;
99 
        }
100 
    }
101 
    .usermenu,
102 
    .langmenu {
103 
        .dropdown {
104 
            display: flex;
105 
            align-items: center;
106 
            height: 100%;
107 
            .dropdown-toggle {
108 
                padding-top: 0;
109 
                padding-bottom: 0;
110 
                border-radius: 0;
111 
                display: flex;
112 
                align-items: center;
113 
                height: 100%;
114 
            }
115 
        }
116 
    }
117 
    .langmenu {
118 
        .dropdown-menu {
119 
            .dropdown-item {
120 
                &[aria-current="true"]::before {
121 
                    content: "\f00c";
122 
                    font-size: 0.75rem;
123 
                    padding-left: .25rem;
124 
                }
125 
            }
126 
        }
1441 ariadna 127 
        @include media-breakpoint-down(md) {
1 efrain 128 
            .langbutton {
129 
                display: none;
130 
            }
131 
        }
132 
    }
133 
    .moodle-actionmenu .menubar,
134 
    .action-menu-trigger .dropdown {
135 
        height: 100%;
136 
        display: flex;
137 
    }
138 
}
139 
.dir-rtl .navbar.fixed-top {
140 
    .usermenu {
141 
        .dropdown-menu {
142 
            .dropdown-item {
143 
                &.carousel-navigation-link::after {
1441 ariadna 144 
                    font: var(--fa-font-solid);
1 efrain 145 
                    content: fa-content($fa-var-caret-left);
146 
                }
147 
            }
148 
        }
149 
    }
150 
}
151 
#page {
152 
    margin-top: $navbar-height;
153 
}
154 
.pagelayout-embedded #page {
155 
    margin-top: 0;
156 
}
157 
.navbar-bootswatch {
158 
    .navbar-brand {
159 
        overflow: hidden;
160 
        text-overflow: ellipsis;
161 
        .sitename {
162 
            overflow: hidden;
163 
            white-space: nowrap;
164 
            text-overflow: ellipsis;
165 
        }
166 
    }
167 
}
168 
 
169 
// Make navbar height available for non-sass use.
170 
:root {
171 
    --navbar-height: #{$navbar-height};
172 
}