WebSVN – Moodle – Autoría – /theme/universe/scss/moodle/navbar.scss

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: 1px solid $border-color;`
		11	`align-items: stretch;`
		12	`height: $navbar-height + 1px;`
		13	`z-index: $zindex-fixed;`
		14
		15	`.theme-dark & {`
		16	`border-color: $dm-border-color;`
		17	`}`
		18
		19	`.navbar-brand {`
		20	`.logo {`
		21	`max-height: calc(#{$navbar-height} - (#{$primary-nav-padding-y} * 2));`
		22	`}`
		23	`}`
		24
		25	`.nav-link {`
		26	`height: 100%;`
		27	`display: flex;`
		28	`align-items: center;`
		29	`white-space: nowrap;`
		30	`}`
		31
		32	`.divider {`
		33	`width: 1px;`
		34	`background-color: $gray-300;`
		35	`}`
		36
		37	`#usernavigation .nav-link {`
		38	`padding: 0 $primary-nav-padding-x;`
		39	`}`
		40
		41	`.login {`
		42	`display: flex;`
		43	`align-items: center;`
		44	`}`
		45
		46	`.usermenu {`
		47	`display: flex;`
		48
		49	`.action-menu {`
		50	`display: flex;`
		51	`align-items: center;`
		52	`}`
		53
		54	`.dropdown {`
		55	`display: flex;`
		56	`align-items: center;`
		57
		58	`.dropdown-toggle {`
		59	`padding-top: 0;`
		60	`padding-bottom: 0;`
		61	`border-radius: 0;`
		62	`display: flex;`
		63	`align-items: center;`
		64	`height: 100%;`
		65	`}`
		66	`}`
		67
		68	`.dropdown-menu {`
		69	`min-width: 235px;`
		70
		71	`.carousel-navigation-link {`
		72	`>* {`
		73	`pointer-events: none;`
		74	`}`
		75	`}`
		76
		77	`.dropdown-item {`
		78	`padding: .25rem 1.75rem .25rem .75rem;`
		79
		80	`&.carousel-navigation-link::after {`
		81	`//TODO`
		82	`content: '';`
		83	`font-size: 1rem;`
		84	`right: .75rem;`
		85	`position: absolute;`
		86	`}`
		87	`}`
		88
		89	`.submenu {`
		90	`.header {`
		91	`padding: .25rem .75rem;`
		92	`font-size: .975rem;`
		93
		94	`.icon {`
		95	`font-size: 20px;`
		96	`height: 20px;`
		97	`width: 20px;`
		98	`margin: 0;`
		99	`}`
		100	`}`
		101
		102	`.items {`
		103	`.dropdown-item {`
		104	`&[aria-current="true"]::before {`
		105	`//TODO`
		106	`content: '';`
		107	`font-size: 0.75rem;`
		108	`padding-left: .25rem;`
		109	`}`
		110	`}`
		111	`}`
		112	`}`
		113	`}`
		114
		115	`.login {`
		116	`display: flex;`
		117	`align-items: center;`
		118	`}`
		119	`}`
		120	`.usermenu,`
		121	`.langmenu {`
		122	`.dropdown {`
		123	`display: flex;`
		124	`align-items: center;`
		125	`height: 100%;`
		126	`.dropdown-toggle {`
		127	`padding-top: 0;`
		128	`padding-bottom: 0;`
		129	`border-radius: 0;`
		130	`display: flex;`
		131	`align-items: center;`
		132	`height: 100%;`
		133	`}`
		134	`}`
		135	`}`
		136	`.langmenu {`
		137	`.dropdown-menu {`
		138	`.dropdown-item {`
		139	`&[aria-current="true"]::before {`
		140	`content: "\f00c";`
		141	`font-size: 0.75rem;`
		142	`padding-left: .25rem;`
		143	`}`
		144	`}`
		145	`}`
		146
		147	`@include media-breakpoint-between(xs, sm) {`
		148	`.langbutton {`
		149	`display: none;`
		150	`}`
		151	`}`
		152	`}`
		153
		154	`.moodle-actionmenu .menubar,`
		155	`.action-menu-trigger .dropdown {`
		156	`height: 100%;`
		157	`display: flex;`
		158	`}`
		159	`}`
		160
		161	`.dir-rtl .navbar.fixed-top {`
		162	`.usermenu {`
		163	`.dropdown-menu {`
		164	`.dropdown-item {`
		165	`&.carousel-navigation-link::after {`
		166	`//TODO`
		167	`content: '';`
		168	`}`
		169	`}`
		170
		171	`.carousel {`
		172	`.carousel-inner {`
		173
		174	`.carousel-item-prev.carousel-item-right,`
		175	`.carousel-item-next.carousel-item-left {`
		176	`transform: translateX(0);`
		177	`}`
		178
		179	`.carousel-item-next,`
		180	`.carousel-item-right.active {`
		181	`transform: translateX(-100%);`
		182	`}`
		183
		184	`.carousel-item-prev,`
		185	`.carousel-item-left.active {`
		186	`transform: translateX(100%);`
		187	`}`
		188	`}`
		189	`}`
		190	`}`
		191	`}`
		192	`}`
		193
		194	`.pagelayout-embedded #page {`
		195	`margin-top: 0 !important;`
		196	`padding: 0 !important;`
		197	`width: 100% !important;`
		198	`}`
		199
		200	`.rui-courseheadermenu-container {`
		201	`@include media-breakpoint-down(md) {`
		202	`overflow-x: auto;`
		203
		204	`.header-links {`
		205	`width: max-content;`
		206	`}`
		207	`}`
		208	`}`
		209
		210	`.rui-course-nav-container {`
		211	`width: max-content;`
		212	`padding: 0;`
		213	`margin-top: 20px;`
		214	`margin-bottom: 0;`
		215
		216	`border-bottom: 1px solid $border-color;`
		217	`font-weight: $font-weight-medium;`
		218	`font-size: 0.813rem; //13px`
		219
		220	`.theme-dark & {`
		221	`color: $dm-gray-900;`
		222	`border-color: $dm-border-color;`
		223	`}`
		224
		225	`@include media-breakpoint-between(xs, sm) {`
		226	`margin-top: 0;`
		227	`}`
		228
		229	`.header-link-item {`
		230	`display: inline-flex;`
		231	`align-items: center;`
		232	`position: relative;`
		233
		234	`margin: 5px 1.5rem 5px 0;`
		235	`padding: .55rem 0;`
		236
		237	`border-radius: $btn-border-radius;`
		238	`color: $gray-700;`
		239
		240	`&:last-child {`
		241	`margin-right: 0;`
		242	`}`
		243
		244	`.theme-dark & {`
		245	`color: $dm-gray-700;`
		246	`}`
		247
		248	`.header-link-item-icon {`
		249	`margin-right: .35rem;`
		250	`opacity: .7;`
		251	`}`
		252
		253	`&:before {`
		254	`content: '';`
		255	`position: absolute;`
		256
		257	`top: 0;`
		258	`bottom: -6px;`
		259	`left: 0;`
		260	`right: 0;`
		261
		262	`border-bottom: 1px solid var(--main-theme-color);`
		263
		264	`transition: $transition-base;`
		265
		266	`opacity: 0;`
		267
		268	`.theme-dark & {`
		269	`border-color: var(--primary-color-400);`
		270	`}`
		271	`}`
		272
		273	`&:hover {`
		274	`text-decoration: none;`
		275	`color: var(--main-theme-color);`
		276
		277	`.theme-dark & {`
		278	`color: var(--primary-color-400);`
		279	`}`
		280
		281	`&:before {`
		282	`opacity: 1;`
		283	`}`
		284	`}`
		285
		286	`&.active {`
		287	`color: var(--main-theme-color);`
		288
		289	`.theme-dark & {`
		290	`color: var(--primary-color-400);`
		291	`}`
		292
		293	`&:before {`
		294	`opacity: 1;`
		295	`}`
		296	`}`
		297
		298	`}`
		299	`}`
		300
		301	`.rui-course-nav-wrapper {`
		302	`width: 100%;`
		303
		304	`.moremenu {`
		305	`@include media-breakpoint-between(xs, sm) {`
		306	`height: max-content;`
		307	`}`
		308	`}`
		309	`}`
		310
		311	`.rui-course-nav {`
		312	`font-size: 1.125rem; // 18px`
		313	`font-weight: $font-weight-bold;`
		314
		315	`@include media-breakpoint-up(lg) {`
		316	`width: max-content;`
		317	`margin: 0;`
		318	`}`
		319
		320	`@include media-breakpoint-between(xs, md) {`
		321	`margin: 0 auto;`
		322	`font-size: 14px;`
		323	`}`
		324
		325	`.nav-link {`
		326	`padding: 10px 0;`
		327	`margin-right: 20px;`
		328	`background-color: transparent;`
		329	`font-weight: $font-weight-bold;`
		330	`color: $body-color;`
		331	`border: 0;`
		332
		333	`@include media-breakpoint-between(xs, md) {`
		334	`padding: 14px 0;`
		335	`}`
		336
		337	`.theme-dark & {`
		338	`color: $dm-body-color;`
		339	`}`
		340	`}`
		341
		342	`.btn--more {`
		343	`margin: 3px;`
		344	`}`
		345	`}`
		346
		347	`.tag-index-toc {`
		348	`position: sticky;`
		349	`top: 0;`
		350	`}`
		351
		352	`.actions {`
		353	`.btn-link {`
		354	`padding-left: 0;`
		355	`padding-right: 0;`
		356	`border-radius: 0;`
		357	`border-bottom: 1px solid $border-color;`
		358
		359	`a {`
		360	`font-weight: $font-weight-medium;`
		361	`color: $body-color;`
		362
		363	`.theme-dark & {`
		364	`color: $dm-body-color;`
		365	`}`
		366	`}`
		367
		368	`&:hover {`
		369	`border-color: var(--main-theme-color);`
		370	`}`
		371
		372	`.theme-dark & {`
		373	`border-color: $dm-border-color;`
		374	`}`
		375	`}`
		376	`}`

Proyectos de Subversion Moodle

(root)/theme/universe/scss/moodle/navbar.scss – Rev 1