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

Proyectos de Subversion Moodle

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