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

Rev	Autor	Línea Nro.	Línea
1	efrain	1	`//---- Layout`
		2	`//---- universe Moodle Theme`
		3	`.main-content {`
		4	`margin-bottom: $page-padding-global;`
		5
		6	`.embedded-main & {`
		7	`margin: 0;`
		8	`}`
		9	`}`
		10
		11	`.layout {`
		12	`&.fullscreen {`
		13	`height: 100vh;`
		14	`position: fixed;`
		15	`top: 0;`
		16	`left: 0;`
		17	`z-index: 9999;`
		18	`transition: 350ms;`
		19	`width: 100vw;`
		20	`margin: 0;`
		21	`opacity: 1;`
		22	`background-color: $modal-content-bg;`
		23
		24	`.theme-dark & {`
		25	`background-color: $dm-modal-content-bg;`
		26	`}`
		27
		28	`>div {`
		29	`height: 100%;`
		30	`width: 100%;`
		31	`}`
		32
		33	`.loading-icon {`
		34	`margin-left: auto;`
		35	`margin-right: auto;`
		36	`text-align: center;`
		37	`display: inline-block;`
		38	`width: 100%;`
		39	`top: 40%;`
		40	`position: fixed;`
		41
		42	`.icon {`
		43	`width: 1em;`
		44	`height: 1em;`
		45	`font-size: 4em;`
		46	`}`
		47	`}`
		48	`}`
		49	`}`
		50
		51	`#page-report {`
		52	`margin: $page-padding-global 60px;`
		53	`width: calc(100% - 120px);`
		54	`border-radius: $btn-border-radius;`
		55	`}`
		56
		57	`#page {`
		58	`width: 100%;`
		59	`position: relative;`
		60	`z-index: 2;`
		61
		62	`@include media-breakpoint-between(xs,sm) {`
		63	`margin-top: $navbar-height;`
		64	`}`
		65	`}`
		66
		67	`.maintenance-wrapper {`
		68	`padding: 40px;`
		69	`background-color: $container-bg;`
		70	`border-radius: $btn-border-radius-md;`
		71
		72	`.theme-dark & {`
		73	`background-color: $dm-container-bg;`
		74	`}`
		75	`}`
		76
		77	`#page-popup {`
		78	`padding: 20px;`
		79	`background-color: $container-bg;`
		80	`border-radius: $btn-border-radius;`
		81
		82	`.theme-dark & {`
		83	`background-color: $dm-container-bg;`
		84	`}`
		85
		86	`.closewindow {`
		87	`margin: 1rem 0;`
		88
		89	`.btn {`
		90	`width: 100%;`
		91	`}`
		92	`}`
		93	`}`
		94
		95	`.wrapper-xl,`
		96	`.wrapper-lg,`
		97	`.wrapper-md,`
		98	`.wrapper-sm {`
		99	`margin-left: auto;`
		100	`margin-right: auto;`
		101	`}`
		102
		103
		104	`.wrapper-lg {`
		105	`width: 90%;`
		106	`max-width: $wrapper-lg;`
		107
		108	`@include media-breakpoint-between(xs, md) {`
		109	`width: calc(100% - 40px);`
		110	`}`
		111	`}`
		112
		113	`.wrapper-md {`
		114	`width: $wrapper-md;`
		115	`max-width: 100%;`
		116
		117	`@include media-breakpoint-between(xs, md) {`
		118	`width: 100%;`
		119	`}`
		120
		121	`.wrapper-md {`
		122	`width: 100%;`
		123	`}`
		124	`}`
		125
		126	`.wrapper-sm {`
		127	`width: 600px;`
		128
		129	`@include media-breakpoint-between(xs, md) {`
		130	`width: 100%;`
		131	`}`
		132	`}`
		133
		134	`.wrapper-blocks {`
		135	`width: 100%;`
		136	`margin: 0 auto;`
		137	`}`
		138
		139	`.wrapper-page {`
		140	`margin-left: auto;`
		141	`margin-right: auto;`
		142	`width: 100%;`
		143	`}`
		144
		145	`.wrapper-page-withblocks {`
		146	`width: 100%;`
		147	`max-width: 100%;`
		148	`}`
		149
		150	`.rui-btn-show-hide {`
		151	`position: fixed;`
		152	`top: 100px;`
		153	`right: 10px;`
		154	`z-index: $zindex-fixed;`
		155	`}`
		156
		157	`.wrapper--margin {`
		158	`margin-top: 60px;`
		159	`margin-bottom: 60px;`
		160	`}`
		161
		162	`.wrapper-xl {`
		163	`width: calc(100% - 120px);`
		164
		165	`@include media-breakpoint-between(md, lg) {`
		166	`max-width: calc(100vw - 80px);`
		167	`}`
		168
		169	`@include media-breakpoint-between(xs, sm) {`
		170	`max-width: 100%;`
		171	`}`
		172
		173	`.path-report & {`
		174	`max-width: 100%;`
		175	`}`
		176	`}`
		177
		178	`.wrapper-xxl {`
		179	`width: 100%;`
		180	`}`
		181
		182	`.rui-blocks-wrapper {`
		183	`margin-left: auto;`
		184	`margin-right: auto;`
		185	`display: flex;`
		186	`justify-content: space-between;`
		187	`flex-wrap: wrap;`
		188	`}`
		189
		190	`.wrapper--with-margin {`
		191	`@media (min-width: 700px) {`
1441	ariadna	192	`width: calc(100% - 200px);`
1	efrain	193
		194	`.show-drawer-left.show-drawer-right & {`
		195	`width: calc(100% - 80px);`
		196	`}`
		197	`}`
		198
		199	`@media (min-width: 320px) and (max-width: 701px) {`
		200	`width: 100%;`
		201	`}`
		202	`}`
		203
		204	`.wrapper-fw {`
		205	`width: 100%;`
		206	`}`
		207
		208	`.wrapper-bg {`
		209	`padding: 20px;`
		210	`background-color: $container-bg;`
		211	`border-radius: $btn-border-radius;`
		212
		213	`.alert {`
		214	`margin-top: 0;`
		215	`}`
		216	`}`
		217
		218	`.region-main-content {`
		219	`position: relative;`
		220	`}`
		221
		222	`.rui-title-container {`
		223	`margin-top: 20px;`
		224	`margin-bottom: 20px;`
		225	`display: flex;`
		226
		227	`&+.singlebutton,`
		228	`&+.rui-nav-tabs {`
		229	`margin-top: 20px;`
		230	`}`
		231
		232	`&:first-of-type,`
		233	`#page .rui-course-card-content & {`
		234	`margin-top: 0;`
		235	`}`
		236
		237	`.rui-page-title--icon & {`
		238	`margin-bottom: 0;`
		239	`}`
		240
		241	`//Remove activity icon inside the title`
		242	`.rui-main-content-title {`
		243
		244	`.rui-icon-container {`
		245	`display: none;`
		246	`}`
		247	`}`
		248
		249	`#page-mod-quiz-summary & {`
		250	`margin-top: 0;`
		251	`}`
		252	`}`
		253
		254	`.rui-title-container+form,`
		255	`.mform+div {`
		256	`margin-top: $page-padding-global;`
		257	`}`
		258
		259
		260
		261	`//---- UI elements`
		262	`.sep--left {`
		263	`position: relative;`
		264
		265	`&:before {`
		266	`content: '';`
		267	`background-color: $border-color;`
		268	`width: 1px;`
		269	`height: 30px;`
		270
		271	`position: absolute;`
		272	`top: calc(50% - 15px);`
		273	`left: -5px;`
		274
		275	`.theme-dark & {`
		276	`background-color: $dm-border-color;`
		277	`}`
		278	`}`
		279	`}`
		280
		281
		282	`#page-wrapper {`
		283	`height: 100%;`
		284	`display: flex;`
		285	`flex-direction: column;`
		286
		287	`#page {`
		288	`flex: 1 0 auto;`
		289	`display: flex;`
		290	`flex-direction: column;`
		291
		292	`@include media-breakpoint-up(md) {`
		293	`padding-top: $navbar-height;`
		294	`}`
		295
		296	`@include media-breakpoint-between(xs, sm) {`
		297	`padding: 16px;`
		298	`}`
		299
		300	`#page-content {`
		301	`flex: 1 0 auto;`
		302	`}`
		303	`}`
		304	`}`
		305
		306	`//---- Footer`
		307	`.rui-page-footer {`
		308	`margin: 30px auto 0;`
		309	`flex-shrink: 0;`
		310
		311	`background-color: $footer-bg;`
		312	`border-radius: $btn-border-radius-lg;`
		313	`color: $footer-text-color;`
		314
		315	`&.rui-page-footer--fw {`
		316	`width: 100%;`
		317	`}`
		318
		319
		320	`a:not(.btn) {`
1441	ariadna	321	`opacity: .85;`
1	efrain	322
		323	`&:after {`
		324	`background-color: $footer-link-color-hover;`
		325	`}`
		326
		327	`&:hover {`
		328	`opacity: 1;`
		329	`color: $footer-link-color-hover;`
		330	`text-decoration: none;`
		331	`}`
		332	`}`
		333
		334	`@include media-breakpoint-up(md) {`
		335	`padding: 60px;`
		336	`}`
		337
		338	`@include media-breakpoint-between(xs, sm) {`
		339	`padding: 30px;`
		340	`}`
		341
		342	`hr {`
1441	ariadna	343	`border-color: $footer-text-color;`
		344	`opacity: .2;`
1	efrain	345
		346	`.theme-dark & {`
		347	`border-color: $dm-border-color;`
		348	`}`
		349	`}`
		350
		351	`.theme-dark & {`
		352	`background-color: $dm-black;`
		353	`color: $dm-body-color-secondary;`
		354	`}`
		355	`}`
		356
		357	`.rui-footer--contact,`
		358	`.rui-footer--social {`
		359
		360	`@include media-breakpoint-up(md) {`
		361	`display: inline-flex;`
		362	`flex-wrap: wrap;`
		363	`align-items: center;`
		364	`}`
		365
		366	`@include media-breakpoint-between(xs, sm) {`
		367	`display: block;`
		368	`text-align: center;`
		369	`}`
		370
		371	`list-style: none;`
		372
		373	`padding: 0;`
		374	`font-size: $font-size-xs;`
		375	`color: $footer-text-color;`
		376
		377	`li {`
		378	`display: inline-flex;`
		379	`align-items: center;`
		380
		381	`margin-top: .35rem;`
		382	`margin-right: 1rem;`
		383	`margin-bottom: .35rem;`
		384
		385	`&:last-of-type {`
		386	`margin-right: 0;`
		387	`}`
		388	`}`
		389
		390	`.theme-dark & {`
		391	`color: $dm-body-color-light;`
		392	`}`
		393
		394	`a {`
		395	`color: $footer-text-color;`
		396
		397	`.theme-dark & {`
		398	`color: $dm-body-color-light;`
		399	`}`
		400
		401	`&:hover {`
		402	`opacity: .6;`
		403	`}`
		404
		405	`}`
		406	`}`
		407
		408	`.rui-footer-buttons-wrapper {`
		409	`flex-wrap: wrap;`
1441	ariadna	410	`padding: 20px 30px;`
1	efrain	411
		412	`@include media-breakpoint-between(xs, sm) {`
		413	`padding: 20px;`
		414	`}`
		415	`}`
		416
		417	`.rui-social-list {`
		418	`display: inline-flex;`
		419	`flex-wrap: wrap;`
		420	`align-items: center;`
		421
		422	`list-style: none;`
		423
		424	`padding: 0;`
		425	`font-size: $font-size-xs;`
		426	`color: $footer-text-color;`
		427
		428	`li {`
		429	`display: inline-flex;`
		430	`align-items: center;`
		431
		432	`margin-top: .35rem;`
		433	`margin-right: 1rem;`
		434	`margin-bottom: .35rem;`
		435
		436	`&:last-of-type {`
		437	`margin-right: 0;`
		438	`}`
		439	`}`
		440
		441	`.theme-dark & {`
		442	`color: $dm-body-color-light;`
		443	`}`
		444
		445	`a {`
		446	`color: $body-color;`
		447
		448	`.theme-dark & {`
		449	`color: $dm-body-color-light;`
		450	`}`
		451
		452	`&:hover {`
		453	`opacity: .6;`
		454	`}`
		455
		456	`}`
		457	`}`
		458
		459	`.rui-topbar-wrapper {`
		460	`padding: 10px;`
		461	`margin: 0;`
		462
		463	`width: 100%;`
		464	`height: $navbar-height;`
		465	`position: fixed;`
		466	`top: 0;`
		467	`left: 0;`
		468	`z-index: $zindex-fixed + 200;`
		469
		470	`display: flex;`
		471	`align-items: center;`
		472
		473	`background: var(--topbar-color);`
		474	`background: linear-gradient(90deg, var(--topbar-color) 0%, var(--topbar-color-2) 100%);`
		475
		476	`font-size: 0.875rem; //14px`
1441	ariadna	477	`color: var(--topbar-btn-text);`
1	efrain	478
		479	`.theme-dark & {`
		480	`background: var(--dm-topbar-color);`
		481	`background: linear-gradient(90deg, var(--dm-topbar-color) 0%, var(--dm-topbar-color-2) 100%);`
1441	ariadna	482	`color: $dm-topbar-btn-text;`
1	efrain	483	`}`
1441	ariadna	484
		485	`.dir-rtl & {`
		486	`background: linear-gradient(90deg, var(--topbar-color-2) 0%, var(--topbar-color) 100%);`
		487	`}`
		488
		489	`.dir-rtl.theme-dark & {`
		490	`background: linear-gradient(90deg, var(--dm-topbar-color-2) 0%, var(--dm-topbar-color) 100%);`
		491	`}`
1	efrain	492	`}`
		493
		494	`#page-wrapper:before {`
		495	`content: '';`
		496	`width: 100%;`
		497	`height: 69px;`
		498	`position: fixed;`
		499	`z-index: 0;`
		500	`top: $navbar-height;`
		501	`background: var(--topbar-color);`
1441	ariadna	502	`background: linear-gradient(90deg, var(--topbar-color) 0%, $container-bg 100%);`
1	efrain	503
		504	`.theme-dark & {`
		505	`background: var(--dm-topbar-color);`
1441	ariadna	506	`background: linear-gradient(90deg, var(--dm-topbar-color) 0%, $dm-container-bg 100%);`
1	efrain	507	`}`
1441	ariadna	508
		509	`.dir-rtl & {`
		510	`background: linear-gradient(90deg, $container-bg 0%, var(--topbar-color) 100%);`
		511	`}`
		512
		513	`.dir-rtl.theme-dark & {`
		514	`background: linear-gradient(90deg, $dm-container-bg 0%, var(--dm-topbar-color) 100%);`
		515	`}`
1	efrain	516	`}`
		517
		518	`#page-wrapper:after {`
		519	`content: '';`
		520	`width: 100%;`
		521	`height: 70px;`
		522	`position: fixed;`
		523	`z-index: 1;`
		524	`top: $navbar-height;`
		525	`left: 0;`
		526	`background: $body-bg;`
		527	`border-radius: 40px 40px 0 0;`
		528
		529	`@include media-breakpoint-between(xs, sm) {`
		530	`border-radius: 0;`
		531	`}`
		532
		533	`.theme-dark & {`
		534	`background: $dm-body-bg;`
		535	`}`
		536	`}`
		537
		538	`.rui-topbar {`
		539	`position: relative;`
		540	`display: flex;`
		541	`align-items: center;`
		542
		543	`.navbar-nav {`
		544	`font-size: 0.875rem; //14px`
		545	`font-weight: $font-weight-medium;`
		546	`justify-content: space-between;`
		547
1441	ariadna	548	`// .nav-link {`
		549	`// color: $topbar-text;`
		550	`// border-radius: $btn-border-radius;`
1	efrain	551
1441	ariadna	552	`// .theme-dark & {`
		553	`// color: $dm-topbar-text;`
		554	`// }`
1	efrain	555
1441	ariadna	556	`// &.active {`
		557	`// color: $nav-tabs-link-active-color;`
		558	`// //background-color: $nav-tabs-link-active-bg;`
1	efrain	559
1441	ariadna	560	`// .theme-dark & {`
		561	`// color: $dm-topbar-btn-hover-text;`
		562	`// //background-color: $dm-topbar-btn-hover;`
		563	`// }`
		564	`// }`
1	efrain	565
1441	ariadna	566	`// &[aria-expanded="true"],`
		567	`// &:hover {`
		568	`// color: $nav-tabs-link-hover-color;`
		569	`// //background-color: $nav-tabs-link-hover-bg;`
1	efrain	570
1441	ariadna	571	`// .theme-dark & {`
		572	`// color: $dm-topbar-btn-hover-text;`
		573	`// //background-color: $dm-topbar-btn-hover;`
		574	`// }`
		575	`// }`
		576	`// }`
1	efrain	577	`}`
		578
		579	`.site-name {`
		580	`margin-left: 20px;`
		581	`width: max-content;`
		582	`max-width: 260px;`
		583	`font-size: $font-size-sm;`
		584
		585	`@if variable-exists(fontheadings) {`
		586	`font-family: $fontheadings;`
		587	`}`
		588
		589	`font-weight: $font-weight-bold;`
		590	`}`
		591
		592	`.rui-navbar-brand--img .site-name {`
		593	`margin-left: 0;`
		594	`}`
		595
		596	`}`
		597
		598	`//---- Moodle Pages mods */`
		599	`.addtagcoll {`
		600	`margin-bottom: 40px;`
		601	`}`
		602
		603
		604
		605
		606	`//---- TODO: Course Index Page`
		607	`.course-hero {`
		608	`width: 95%;`
		609	`margin-top: 60px;`
		610	`margin-bottom: $page-padding-global;`
		611
		612	`img {`
		613	`border-radius: 5px;`
		614	`}`
		615	`}`
		616
		617	`.course-teachers-box {`
		618	`max-width: $page-main-container-width;`
		619	`margin-top: 30px;`
		620	`margin-bottom: 30px;`
		621
		622	`display: inline-flex;`
		623	`gap: 10px;`
		624	`flex-wrap: wrap;`
		625	`align-items: center;`
		626
		627	`overflow-x: auto;`
		628
		629	`.course-contact-title-item {`
		630	`margin-right: .5rem;`
		631	`display: flex;`
		632
		633	`.rui-course-list-wrapper & {`
		634	`margin-right: 20px;`
		635	`margin-bottom: 20px;`
		636	`width: calc(50% - 20px);`
		637	`}`
		638	`}`
		639
		640	`.course-contact-title {`
		641	`margin-left: .5rem;`
		642	`margin-right: .5rem;`
		643	`margin-bottom: 0;`
		644
		645	`font-size: $font-size-md;`
		646	`font-weight: $font-weight-medium;`
		647	`color: $body-color-secondary;`
		648
		649	`.theme-dark & {`
		650	`color: $dm-body-color-secondary;`
		651	`}`
		652	`}`
		653
		654	`.course-contact {`
		655	`display: flex;`
		656	`align-items: center;`
		657
		658	`&:hover {`
		659	`text-decoration: none;`
		660	`}`
		661
		662	`.course-teacher-avatar {`
		663	`width: 50px;`
		664	`height: 50px;`
		665	`border-radius: 50px;`
		666	`position: relative;`
		667
		668	`@include media-breakpoint-between(xs, sm) {`
		669	`width: 40px;`
		670	`height: 40px;`
		671	`}`
		672	`}`
		673
		674	`.course-teacher-content {`
		675	`margin: 0 10px;`
		676
		677	`.rui-course-list-wrapper & {`
		678	`margin: 0 10px;`
		679	`}`
		680	`}`
		681
		682	`.course-teacher-name {`
		683	`margin: 0;`
		684	`font-weight: $font-weight-medium;`
		685	`font-size: $btn-font-size-lg;`
		686	`}`
		687
		688	`.course-teacher-role {`
		689	`font-size: $font-size-md;`
		690	`color: $body-color-secondary;`
		691
		692	`.theme-dark & {`
		693	`color: $dm-body-color-secondary;`
		694	`}`
		695	`}`
		696	`}`
		697	`}`
		698
1441	ariadna	699	`.rui-course-contact-desc {`
		700	`margin-left: 60px;`
		701	`font-size: $font-size-md;`
		702	`}`
		703
1	efrain	704	`.course-hero-img {`
		705	`border-radius: $btn-border-radius-lg;`
		706	`width: 100%;`
		707	`max-width: 100%;`
		708	`}`
		709
		710	`.course-progressbar-wrapper {`
		711	`padding: 0;`
		712	`position: relative;`
		713
		714	`.rui-progress {`
		715	`margin: 10px 0 20px;`
		716	`width: 100%;`
		717	`height: 2px;`
		718	`border-radius: $btn-border-radius;`
		719	`}`
		720
		721	`}`
		722
		723
		724	`@include media-breakpoint-down(sm) {`
		725	`.header-button-group {`
		726	`width: 100%;`
		727
		728	`.btn {`
		729	`width: 100%;`
		730	`}`
		731	`}`
		732	`}`
		733
		734	`.page-header-content,`
		735	`.header-content {`
		736	`&:empty {`
		737	`display: none;`
		738	`}`
		739
		740	`.rui-page-title {`
		741	`margin-bottom: 20px;`
		742	`}`
		743
		744	`@include media-breakpoint-down(sm) {`
		745	`width: 100%;`
		746
		747	`div {`
		748	`width: 100%;`
		749	`}`
		750
		751	`.btn {`
		752	`width: 100%;`
		753	`border-radius: $border-radius-md !important;`
		754
		755	`&+.btn {`
		756	`margin-top: 5px;`
		757	`}`
		758	`}`
		759	`}`
		760	`}`
		761
		762
		763	`.page-header-content {`
		764	`margin: 30px 0;`
		765	`width: 100%;`
		766	`position: relative;`
		767
		768	`display: flex;`
		769	`justify-content: space-between;`
		770	`align-items: center;`
		771
		772	`@include media-breakpoint-down(sm) {`
		773	`margin: 0 0 10px 0;`
		774	`}`
		775
		776	`.rui-page-title--icon {`
		777	`margin-left: .5rem;`
		778	`margin-right: .5rem;`
		779
		780	`.path-mod & {`
		781	`margin-left: 0;`
		782	`margin-right: 0;`
		783	`}`
		784	`}`
		785
		786	`.rui-main-content-title {`
		787
		788	`.path-mod &,`
		789	`.path-course & {`
		790
		791	`//max-width: 900px;`
		792	`line-height: 1.3;`
		793
		794	`@include media-breakpoint-between(xs, sm) {`
		795	`margin-top: 10px;`
		796	`}`
		797	`}`
		798	`}`
		799
		800	`.rui-course-header &,`
		801	`.rui-title-container,`
		802	`.rui-page-title {`
		803	`margin-bottom: 0;`
		804
		805	`font-size: 3rem;`
		806
		807	`.path-mod &,`
		808	`.path-course & {`
		809	`//max-width: 900px;`
		810	`line-height: 1.1;`
		811
		812	`@include media-breakpoint-up(md) {`
		813	`font-size: 6vw;`
		814	`}`
		815
		816	`@include media-breakpoint-between(xs, sm) {`
		817	`font-size: 2rem;`
		818	`}`
		819	`}`
		820
		821	`@include media-breakpoint-between(xs, sm) {`
		822	`font-size: 1.875rem;`
		823	`}`
		824	`}`
		825	`}`
		826
		827	`#page-files-index,`
		828	`#page-question-bank-exportquestions-export,`
		829	`#page-question-bank-importquestions-import,`
		830	`#page-question-bank-managecategories-category,`
		831	`#page-question-edit,`
		832	`#page-contentbank,`
		833	`#page-contentbank-edit,`
		834	`#page-course-completion,`
		835	`#page-course-edit,`
		836	`#page-course-switchrole,`
		837	`#page-course-view-site,`
		838	`#page-course-search,`
		839	`#page-notes-index,`
		840	`#page-notes-edit,`
		841	`#page-mod-quiz-report,`
		842	`#page-mod-quiz-edit,`
		843	`.pagelayout-admin,`
		844	`.path-admin,`
		845	`.path-admin-roles,`
		846	`.path-badges,`
		847	`.path-filter,`
		848	`.path-grade,`
		849	`.path-group,`
		850	`.path-user,`
		851	`.path-report,`
		852	`.path-question-type {`
		853
		854	`.page-header-headings .rui-main-content-title--h1,`
		855	`.page-content-header--img .rui-main-content-title--h1 {`
		856	`font-size: 1.25rem;`
		857	`font-weight: $font-weight-medium;`
		858
		859	`@include media-breakpoint-between(xs, md) {`
		860	`margin: 10px 0;`
		861	`}`
		862	`}`
		863
		864	`.page-header-content .rui-page-title--icon {`
		865	`margin: 0;`
		866	`}`
		867
		868	`.page-content-header--img .page-header-image {`
		869	`margin: 0;`
		870	`display: none;`
		871	`}`
		872
		873	`}`
		874
		875	`/** Navbar logo. */`
		876	`.rui-logo {`
		877	`width: 40px;`
		878	`height: 40px;`
		879
		880	`display: flex;`
		881	`align-items: center;`
		882
		883	`&.rui-logo-box {`
		884
		885	`display: flex;`
		886	`align-items: center;`
		887	`justify-content: center;`
		888
		889	`border-radius: 40px;`
		890	`background-color: $container-bg;`
		891	`box-shadow: $box-shadow-md;`
		892
		893	`transition: all 350ms ease;`
		894
		895	`&:hover {`
		896	`box-shadow: $box-shadow-lg;`
		897	`}`
		898
		899	`@include media-breakpoint-up(md) {`
		900	`margin: 0 10px 0 0;`
		901	`}`
		902
		903	`@include media-breakpoint-between(xs, sm) {`
		904	`margin: 0;`
		905	`}`
		906	`.theme-dark & {`
		907	`background-color: $dm-container-bg;`
		908	`}`
		909	`}`
		910
		911	`img {`
		912	`height: 30px;`
		913	`border-radius: 30px;`
		914	`}`
		915
		916	`}`
		917
		918	`.rui-logo-ml {`
		919	`margin-left: 10px;`
		920	`}`
		921
		922	`.rui-navbar-nav {`
		923	`.nav-item {`
		924	`display: inline-flex;`
		925	`align-items: center;`
		926	`justify-content: flex-start;`
		927
		928	`.nav-link {`
		929	`position: relative;`
		930	`width: max-content;`
		931
		932	`margin-right: .5rem;`
		933	`padding: 0 1rem;`
		934
		935	`display: flex;`
		936	`align-items: center;`
		937	`justify-content: center;`
		938
		939	`min-width: 30px;`
		940	`height: 30px;`
		941	`border-radius: 40px;`
		942
1441	ariadna	943	`color: var(--topbar-btn-text);`
1	efrain	944	`line-height: 1.8;`
		945
		946	`.theme-dark & {`
		947	`color: $dm-topbar-text;`
		948	`}`
		949
		950	`@include media-breakpoint-down(sm) {`
		951	`margin-right: 0;`
		952	`width: 100%;`
		953	`}`
		954
		955	`&[aria-expanded="true"],`
		956	`&:hover {`
1441	ariadna	957	`background-color: var(--topbar-btn-hover);`
1	efrain	958
		959	`.theme-dark & {`
		960	`color: $dm-topbar-btn-hover;`
		961	`}`
		962	`}`
		963	`}`
		964
		965	`}`
		966	`}`
		967
		968	`@include media-breakpoint-up(md) {`
		969	`.rui-navbar-nav--sep {`
		970	`position: relative;`
		971
		972	`&:before {`
		973	`content: '';`
		974	`background-color: rgba($black, .15);`
		975	`width: 1px;`
		976	`height: 16px;`
		977
		978	`position: absolute;`
		979	`top: calc(50% - 8px);`
		980	`left: -6px;`
		981	`}`
		982	`}`
		983	`}`
		984
		985	`.popover-region-notifications:not(.collapsed) {`
		986	`.nav-link {`
		987	`background-color: $gray-700;`
		988	`}`
		989	`}`
		990
		991	`.rui-topbar-btn {`
		992	`display: flex;`
		993	`align-items: center;`
		994	`justify-content: center;`
		995
		996	`min-width: 40px;`
		997	`width: max-content;`
		998	`min-height: 40px;`
		999
		1000	`border: none;`
		1001	`border-radius: 40px;`
		1002	`font-size: $font-size-sm;`
		1003	`font-weight: $font-weight-medium;`
1441	ariadna	1004	`color: var(--topbar-btn-text);`
1	efrain	1005
		1006	`&[aria-expanded="true"],`
		1007	`&:hover {`
		1008	`color: $topbar-btn-hover-text;`
1441	ariadna	1009	`background-color: var(--topbar-btn-hover);`
1	efrain	1010	`text-decoration: none;`
		1011	`}`
		1012
		1013	`.theme-dark & {`
		1014	`background-color: $dm-topbar-btn;`
		1015	`color: $dm-topbar-btn-text;`
		1016	`}`
		1017	`}`
		1018
		1019	`.rui-signup-btn {`
		1020	`padding: 0 1rem;`
1441	ariadna	1021	`color: var(--topbar-btn-text);`
1	efrain	1022	`//background-color: $nav-tabs-link-active-bg;`
		1023
		1024	`&:hover {`
		1025	`color: $nav-tabs-link-hover-color;`
		1026	`background-color: $nav-tabs-link-hover-bg;`
		1027	`}`
		1028	`}`
		1029
		1030	`.rui-login-btn {`
		1031	`padding: 0 1rem;`
		1032	`color: $nav-tabs-link-hover-color;`
		1033	`background-color: $nav-tabs-link-hover-bg;`
		1034
		1035	`&:hover {`
		1036	`color: $nav-tabs-link-active-color;`
		1037	`background-color: $nav-tabs-link-active-bg;`
		1038	`}`
		1039	`}`
		1040
		1041
		1042	`.rui-icon-menu {`
		1043	`padding: 0;`
		1044	`margin: 0;`
		1045	`display: inline-flex;`
		1046
		1047	`position: relative;`
		1048	`list-style: none;`
		1049
		1050	`@include media-breakpoint-down(sm) {`
		1051	`margin: 0 0 0 auto;`
		1052	`}`
		1053
		1054	`li {`
		1055	`margin: 0 2px;`
		1056	`align-items: center;`
		1057	`}`
		1058
		1059	`li,`
		1060	`.popover-region {`
		1061	`display: inline-flex;`
		1062	`}`
		1063
		1064	`.popover-region {`
		1065	`margin-right: 2px;`
		1066	`}`
		1067
		1068	`}`
		1069
		1070	`.rui-icon-menu--sep {`
		1071	`&:before {`
		1072	`content: '';`
		1073	`background-color: $border-color;`
		1074
		1075	`position: absolute;`
		1076	`top: -14px;`
		1077	`left: calc(50% - 10px);`
		1078
		1079	`width: 20px;`
		1080	`height: 1px;`
		1081
		1082	`.theme-dark & {`
		1083	`background-color: $dm-border-color;`
		1084	`}`
		1085	`}`
		1086	`}`
		1087
		1088	`.nav-editswitch {`
		1089	`width: max-content;`
		1090	`}`
		1091
		1092	`.mobile-nav--open #topBar:before {`
		1093	`@include media-breakpoint-between(xs, sm) {`
		1094	`content: '';`
		1095	`position: absolute;`
		1096	`top: 0;`
		1097	`left: 0;`
		1098	`background-color: rgba($container-bg, .8);`
		1099	`-webkit-backdrop-filter: blur(10px);`
		1100	`backdrop-filter: blur(10px);`
		1101	`width: 100%;`
		1102	`height: 100vh;`
		1103	`}`
		1104	`}`
		1105
		1106	`.rui-icon-menu--horizontal {`
		1107	`display: inline-flex;`
		1108	`align-items: center;`
		1109
		1110	`li {`
		1111	`display: inline-flex;`
		1112	`margin-bottom: 0;`
		1113	`margin-left: .4rem;`
		1114	`}`
		1115	`}`
		1116
		1117	`.rui-topbar-special-btn {`
		1118	`display: flex;`
		1119	`align-items: center;`
		1120	`justify-content: center;`
		1121
		1122	`width: 30px;`
		1123	`height: 30px;`
		1124
		1125	`background: transparent;`
		1126	`font-size: $font-size-xs;`
1441	ariadna	1127	`color: var(--topbar-btn-text);`
1	efrain	1128	`border-radius: 40px;`
1441	ariadna	1129	`padding: 5px;`
1	efrain	1130
		1131	`.theme-dark & {`
		1132	`background: transparent;`
1441	ariadna	1133	`color: var(--dm-topbar-btn-text);`
1	efrain	1134	`}`
1441	ariadna	1135
		1136	`&.active,`
1	efrain	1137	`&:hover {`
1441	ariadna	1138	`background-color: var(--topbar-btn-hover);`
		1139	`color: var(--topbar-btn-hover-text);`
1	efrain	1140
		1141	`.theme-dark & {`
1441	ariadna	1142	`background-color: var(--dm-topbar-btn-hover);`
		1143	`color: var(--dm-topbar-btn-hover-text);`
1	efrain	1144	`}`
		1145	`}`
		1146	`}`
		1147
		1148	`.rui-nav-tabs+* {`
		1149	`margin-top: $page-padding-global;`
		1150	`}`
		1151
		1152
		1153	`.rui-navbar-brand,`
		1154	`body:not(#rui-lang-btn).rui-navbar-lang {`
		1155	`position: relative;`
		1156
		1157	`@include media-breakpoint-down(sm) {`
		1158	`margin-left: 0;`
		1159	`margin-right: 0;`
		1160	`}`
		1161	`}`
		1162
		1163	`.rui-navbar-brand--img {`
		1164	`margin-left: 0;`
1441	ariadna	1165
		1166	`color: var(--topbar-btn-text);`
		1167
		1168	`.theme-dark & {`
		1169	`color: $dm-topbar-btn-text;`
		1170	`}`
1	efrain	1171	`}`
		1172
		1173	`.rui-navbar-brand:hover {`
		1174	`text-decoration: none;`
		1175	`}`
		1176
		1177	`@include media-breakpoint-between(xs, md) {`
		1178	`.rui-navbar-collapse {`
		1179	`padding: 20px;`
		1180
		1181	`position: absolute;`
		1182	`top: 60px;`
		1183	`left: 0;`
		1184	`width: 100%;`
		1185
		1186	`background-color: var(--primary-color-700);`
		1187
		1188	`border-radius: 0 0 $border-radius $border-radius;`
		1189
		1190	`display: inline-flex;`
		1191	`flex-wrap: wrap;`
		1192
		1193	`@include media-breakpoint-down(sm) {`
		1194	`top: 95px;`
		1195	`}`
		1196	`}`
		1197	`}`
		1198
1441	ariadna	1199	`.dark-mode-logo {`
		1200	`.rui-custom-logo {`
		1201	`display: inline-flex;`
		1202
		1203	`.theme-dark & {`
		1204	`display: none;`
		1205	`}`
1	efrain	1206	`}`
		1207	`}`
		1208
1441	ariadna	1209
1	efrain	1210	`.rui-custom-dmlogo {`
		1211	`display: none;`
		1212
		1213	`.theme-dark & {`
		1214	`display: inline-flex;`
		1215	`}`
		1216	`}`
		1217
		1218
		1219	`.rui-topbar-customfield {`
		1220	`position: relative;`
		1221
		1222	`width: auto;`
		1223	`max-width: 280px;`
		1224
		1225	`display: flex;`
		1226	`flex-wrap: wrap;`
		1227	`justify-content: flex-start;`
		1228	`align-items: center;`
		1229
		1230	`font-size: $font-size-xs;`
		1231
		1232	`@include media-breakpoint-between(xs,sm) {`
		1233	`display: none;`
		1234	`}`
		1235
		1236	`@include media-breakpoint-only(md) {`
		1237	`max-width: 210px;`
		1238	`margin: 0 50px 0 0;`
		1239	`}`
		1240
		1241	`// &::before {`
		1242	`// content: '';`
		1243	`// background-color: $border-color;`
		1244	`// width: 1px;`
		1245	`// height: 16px;`
		1246
		1247	`// position: absolute;`
		1248	`// top: calc(50% - 8px);`
		1249	`// left: -6px;`
		1250	`// }`
		1251
		1252	`&:after {`
		1253	`content: '';`
1441	ariadna	1254	`background-color: rgba($topbar-btn-text, .3);`
1	efrain	1255	`width: 1px;`
		1256	`height: 16px;`
		1257
		1258	`position: absolute;`
		1259	`top: calc(50% - 8px);`
		1260	`right: -6px;`
		1261
		1262	`.theme-dark & {`
1441	ariadna	1263	`background-color: rgba($dm-topbar-btn-text, .3);`
1	efrain	1264	`}`
		1265	`}`
		1266
		1267
		1268	`p {`
		1269	`margin-bottom: 0;`
		1270	`}`
		1271
		1272	`a {`
1441	ariadna	1273	`color: var(--topbar-btn-text);`
1	efrain	1274
1441	ariadna	1275	`.theme-dark & {`
		1276	`color: $dm-topbar-btn-text;`
1	efrain	1277	`}`
		1278	`}`
		1279	`}`
		1280
		1281	`/* Footer */`
		1282	`.rui-footer-content {`
		1283	`font-size: $font-size-md;`
		1284
		1285	`div {`
		1286	`gap: 10px;`
		1287	`}`
		1288
		1289	`a {`
		1290	`color: $footer-link-color;`
		1291
		1292	`&:hover {`
		1293	`color: $footer-link-color-hover;`
		1294	`text-decoration: underline;`
		1295	`}`
		1296	`}`
		1297	`}`
		1298
		1299	`.rui-footer-copy {`
		1300	`p {`
		1301	`margin-bottom: .25rem;`
		1302
		1303	`&:last-of-type {`
		1304	`margin-bottom: 0;`
		1305	`}`
		1306	`}`
		1307	`}`
		1308
		1309	`.rui-page-footer .rui-footer-nav-title {`
		1310	`font-size: $font-size-base;`
		1311	`color: $footer-text-color;`
		1312
		1313	`.theme-dark & {`
		1314	`color: $dm-body-color;`
		1315	`}`
		1316	`}`
		1317
		1318	`.rui-page-footer .rui-footer-nav-items {`
1441	ariadna	1319	`font-size: $font-size-sm;`
		1320	`color: $footer-text-color;`
		1321	`opacity: .6;`
1	efrain	1322
		1323	`.theme-dark & {`
		1324	`color: $dm-body-color-secondary;`
		1325	`}`
		1326
		1327	`li {`
1441	ariadna	1328	`margin: .35rem 0;`
1	efrain	1329
		1330	`a {`
		1331	`color: $footer-link-color;`
		1332
		1333	`&:after {`
1441	ariadna	1334	`background-color: $footer-link-color;`
		1335	`opacity: .8;`
1	efrain	1336	`}`
		1337
		1338	`.theme-dark & {`
		1339	`color: $dm-body-color-secondary;`
		1340	`}`
		1341
		1342	`&:hover {`
		1343	`text-decoration: none;`
1441	ariadna	1344	`opacity: .8;`
		1345	`color: $footer-link-color;`
1	efrain	1346	`}`
		1347	`}`
		1348	`}`
		1349	`}`
		1350
		1351	`.rui-footer-block--3 {`
		1352	`font-size: $font-size-sm;`
		1353	`color: $body-color-light;`
		1354
		1355	`.theme-dark & {`
		1356	`color: $dm-body-color-light;`
		1357	`}`
		1358	`}`
		1359
		1360	`.generalbox {`
		1361	`&:empty {`
		1362	`display: none;`
		1363	`}`
		1364	`}`
		1365
		1366	`// Dark mode.`
		1367	`.theme-dark .rui-dark-mode-status--on {`
		1368	`display: flex;`
		1369	`}`
		1370
		1371	`body:not(.theme-dark) .rui-dark-mode-status--on,`
		1372	`.theme-dark .rui-dark-mode-status--off {`
		1373	`display: none;`
		1374	`}`
		1375
		1376	`// Not logged in users`
		1377	`.notloggedin,`
		1378	`.moodle-guest-user {`
		1379	`.hidefornotloggedin {`
		1380	`display: none !important;`
		1381	`}`
		1382	`}`
		1383
		1384	`body:not(.moodle-guest-user):not(#page-admin-setting-themesettinguniverse)`
		1385	`body:not(.notloggedin):not(#page-admin-setting-themesettinguniverse) {`
		1386	`.hideforloggedin {`
		1387	`display: none !important;`
		1388	`}`
		1389	`}`
		1390
		1391	`.theme-dark {`
		1392	`.hide-on-darkmode {`
		1393	`display: none;`
		1394	`}`
		1395	`}`
		1396
		1397	`body:not(.theme-dark) {`
		1398	`.hide-on-lightmode {`
		1399	`display: none;`
		1400	`}`
		1401	`}`
		1402
		1403	`.rui-custom-alert {`
		1404	`padding: 14px 60px 14px 24px;`
		1405	`max-width: 600px;`
		1406
		1407	`@include media-breakpoint-between(xs, sm) {`
		1408	`width: calc(100% - 20px);`
		1409	`max-width: calc(100% - 20px);`
		1410	`left: 10px;`
		1411	`}`
		1412
		1413	`display: inline-flex;`
		1414	`justify-content: flex-start;`
		1415	`align-content: flex-start;`
		1416
		1417	`position: fixed;`
		1418	`z-index: 9999;`
		1419	`bottom: 0;`
		1420	`left: 15px;`
		1421
		1422	`background-color: $black;`
1441	ariadna	1423	`color: $white;`
1	efrain	1424	`font-weight: $font-weight-normal;`
		1425	`box-shadow: $box-shadow-lg;`
		1426
		1427	`&.fade:not(.show) {`
		1428	`z-index: -1;`
		1429	`}`
		1430
		1431	`.rui-custom-alert-close {`
		1432	`position: absolute;`
		1433	`top: 5px;`
		1434	`right: 5px;`
		1435
		1436	`padding: 10px;`
		1437
		1438	`display: flex;`
		1439	`justify-content: center;`
		1440	`align-content: center;`
		1441
		1442	`background-color: transparent;`
		1443	`border: none;`
		1444	`border-radius: $btn-border-radius-xl;`
		1445
		1446	`background-color: $gray-100;`
		1447	`color: $gray-600;`
		1448
		1449	`width: 40px;`
		1450	`height: 40px;`
		1451
		1452	`transition: $transition-base;`
		1453
		1454	`.theme-dark & {`
		1455	`background-color: $dm-gray-100;`
		1456	`color: $dm-gray-600;`
		1457	`}`
		1458
		1459	`&:hover {`
		1460	`background-color: $red-100;`
		1461	`color: $red-600;`
		1462	`}`
		1463	`}`
		1464	`}`
		1465
		1466
		1467	`.rui-main-nav {`
		1468	`.nav-item {`
		1469	`font-size: 1rem;`
		1470	`}`
		1471	`}`
		1472
		1473	`.rui-main-nav {`
		1474	`padding: 0;`
		1475	`margin: 0;`
		1476
		1477	`.nav-item {`
		1478	`position: relative;`
		1479	`font-weight: $font-weight-medium;`
		1480	`list-style: none;`
		1481
		1482	`.nav-link {`
		1483	`width: 100%;`
		1484	`display: flex;`
		1485	`align-items: center;`
		1486
		1487	`padding: .35rem 1.25rem;`
		1488	`margin: 9px 0;`
		1489
		1490	`border-radius: $btn-border-radius;`
		1491	`color: $body-color;`
		1492
		1493	`z-index: 1;`
		1494
		1495	`&:hover {`
		1496	`&:before {`
		1497	`background-color: $white;`
		1498	`}`
		1499	`}`
		1500
		1501	`&.active {`
		1502	`&:before {`
		1503	`background-color: $white;`
		1504	`color: $body-color-light;`
		1505	`}`
		1506	`}`
		1507
		1508	`&:before {`
		1509	`content: '';`
		1510
		1511	`position: absolute;`
		1512
		1513	`width: 100%;`
		1514	`top: -3px;`
		1515	`bottom: -3px;`
		1516	`left: 0;`
		1517
		1518	`border-radius: $btn-border-radius;`
		1519
		1520	`z-index: -1;`
		1521	`}`
		1522
		1523	`.nav-link-icon {`
		1524	`opacity: .6;`
		1525	`}`
		1526	`}`
		1527	`}`
		1528	`}`
		1529
		1530	`.wrapper-course {`
		1531	`width: 100%;`
		1532	`transition: $transition-base;`
		1533	`}`
		1534
		1535	`#blocks-dashboardonecol {`
		1536	`.block-region {`
		1537	`margin-bottom: 1.25rem;`
		1538
		1539	`&:last-of-type {`
		1540	`margin-bottom: 0;`
		1541	`}`
		1542	`}`
		1543	`}`
		1544
		1545	`$fixed-header-y: $navbar-height;`
		1546
		1547
		1548	`#page.drawers {`
		1549
		1550	`.main-inner {`
		1551	`max-width: 100%;`
		1552	`width: 100%;`
		1553	`margin: 0 auto;`
		1554	`padding: 0;`
		1555	`flex: 1 0 auto;`
		1556	`}`
		1557
		1558	`.activity-header {`
		1559	`margin: 0;`
		1560	`width: 100%;`
		1561	`}`
		1562
		1563	`position: relative;`
		1564	`@include transition(350ms);`
		1565	`//height: calc(100vh - #{$navbar-height});`
		1566	`left: 0;`
		1567	`right: 0;`
		1568
		1569	`@include media-breakpoint-up(lg) {`
		1570	`&.show-drawer-right {`
		1571	`padding-left: 0;`
		1572	`padding-right: $drawer-right-width;`
		1573	`}`
		1574
		1575	`&.show-drawer-left {`
		1576	`padding-left: $drawer-right-width;`
		1577	`padding-right: 0;`
		1578	`}`
		1579
		1580	`&.show-drawer-left.show-drawer-right {`
		1581	`padding-left: $drawer-right-width;`
		1582	`padding-right: $drawer-right-width;`
		1583	`}`
		1584	`}`
		1585	`}`
		1586
1441	ariadna	1587	`.drawer-left-toggle {`
		1588	`position: fixed;`
		1589	`top: 90px;`
		1590
		1591	`@include media-breakpoint-up(mdl) {`
		1592	`left: 30px;`
		1593	`}`
		1594
		1595	`@include media-breakpoint-only(md) {`
		1596	`left: 35px;`
		1597	`}`
		1598
		1599	`@include media-breakpoint-between(xs, sm) {`
		1600	`left: 10px;`
		1601	`}`
		1602
		1603	`.btn {`
		1604	`width: 40px;`
		1605	`height: 40px;`
		1606	`padding: 4px;`
		1607
		1608	`background-color: $gray-900;`
		1609	`color: $gray-100;`
		1610
		1611	`&:hover {`
		1612	`background-color: var(--main-theme-color) !important;`
		1613	`color: var(--primary-color-100);`
		1614	`}`
		1615
		1616	`.theme-dark & {`
		1617	`background-color: $dm-gray-300;`
		1618	`color: $dm-gray-900;`
		1619	`}`
		1620
		1621	`@include media-breakpoint-between(xs, md) {`
		1622	`box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;`
		1623	`}`
		1624	`}`
		1625	`}`
		1626
1	efrain	1627	`@include media-breakpoint-down(sm) {`
		1628
		1629	`//the scroll to top button`
		1630	`.drawer-toggles {`
		1631	`z-index: 100;`
		1632
		1633	`.drawer-right-toggle,`
		1634	`.drawer-left-toggle {`
		1635	`top: calc(99vh - (#{$navbar-height} * 2.5));`
		1636	`}`
		1637	`}`
		1638
		1639	`#page.drawers.scroll-down {`
		1640	`.drawer-right-toggle {`
		1641	`transform: translateX(150%);`
		1642	`pointer-events: auto;`
		1643	`visibility: hidden;`
		1644	`}`
		1645
		1646	`.drawer-left-toggle {`
		1647	`transform: translateX(-150%);`
		1648	`pointer-events: auto;`
		1649	`visibility: hidden;`
		1650	`}`
		1651	`}`
		1652	`}`
		1653
		1654	`@include media-breakpoint-up(lg) {`
		1655
		1656	`.drawer-left,`
		1657	`.drawer-right {`
		1658	`// top: $navbar-height + 10px;`
		1659	`height: calc(100% - #{$navbar-height});`
		1660	`}`
		1661	`}`
		1662
		1663	`.drawercontent {`
		1664	`padding: 0 10px 0 0;`
		1665	`margin-right: 4px;`
		1666	`height: calc(100% - 70px);`
		1667
		1668	`position: relative;`
		1669	`z-index: 1;`
		1670
		1671	`display: flex;`
		1672	`flex-direction: column;`
		1673	`flex-wrap: nowrap;`
		1674	`overflow-y: auto;`
		1675
		1676	`.drawer-right & {`
		1677	`margin: 0;`
		1678	`padding: 0 0 80px 0;`
		1679
		1680	`@include media-breakpoint-between(xs, sm) {`
		1681	`padding-bottom: 100px;`
		1682	`}`
		1683	`}`
		1684
		1685	`.dropdown-menu .dropdown-item {`
		1686	`width: 220px;`
		1687	`white-space: normal;`
		1688	`}`
		1689	`}`
		1690
		1691
		1692	`// Dashboard`
		1693	`@include media-breakpoint-up(lg) {`
		1694	`.rui-blocks-area--sm {`
		1695	`flex: 0 0 320px;`
		1696	`max-width: 320px;`
		1697	`}`
		1698	`}`
		1699
		1700	`// Scrollbar`
		1701	`#page.drawers,`
		1702	`.drawercontent,`
		1703	`.filemanager .fp-content,`
		1704	`.rui-card-course-contacts,`
		1705	`.cb-toolbar-container .dropdown-scrollable,`
		1706	`.rui-column-mh,`
		1707	`.rui-nav--admin,`
		1708	`.rui-content-message-container,`
		1709	`.rui-course-card-text,`
		1710	`#sidepre-blocks .rui-sidebar-blocks-wrapper,`
		1711	`.table-dynamic div:first-of-type,`
		1712	`.course-teachers-box,`
1441	ariadna	1713	`.notification-area .control-area {`
1	efrain	1714	`@include thin-scrolls($scroll-bg-track);`
		1715
		1716	`.theme-dark & {`
		1717	`@include thin-scrolls($dm-drawer-scroll-bg-track);`
		1718	`}`
		1719	`}`
		1720
		1721	`// Grid layout`
		1722	`.rui-grid-layout {`
		1723	`display: grid;`
		1724	`flex-direction: column;`
		1725	`align-items: stretch;`
		1726
		1727	`grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));`
		1728	`gap: 20px;`
		1729	`}`
		1730
		1731
		1732	`// RWD`
		1733	`.rui-mobile-nav {`
		1734	`@include media-breakpoint-up(md) {`
		1735	`display: none;`
		1736	`z-index: -2;`
		1737	`}`
		1738
		1739	`@include media-breakpoint-between(xs, sm) {`
		1740	`position: fixed;`
		1741	`top: 0;`
		1742	`left: 0;`
		1743
		1744	`display: flex;`
		1745	`justify-content: center;`
		1746	`align-items: center;`
		1747
		1748	`width: 100%;`
		1749	`height: $navbar-height;`
		1750	`z-index: 1;`
		1751	`}`
		1752	`}`
		1753
		1754
		1755
		1756	`@include media-breakpoint-between(xs, sm) {`
		1757
		1758	`.rui-mobile-nav-btn-close,`
		1759	`.rui-mobile-nav-btn {`
		1760	`position: absolute;`
		1761	`top: calc(50% - 20px);`
		1762	`right: 10px;`
		1763	`z-index: $zindex-fixed;`
		1764	`}`
		1765
		1766	`.rui-mobile-nav-btn-close {`
		1767	`display: none;`
		1768	`opacity: 0;`
		1769	`right: 0;`
		1770
		1771	`.opened & {`
		1772	`position: absolute;`
		1773	`opacity: 1;`
		1774	`z-index: 4;`
		1775	`display: flex;`
		1776	`}`
		1777	`}`
		1778
		1779	`.rui-topbar {`
		1780
		1781	`.moremenu,`
		1782	`.rui-icon-menu {`
		1783	`z-index: -1;`
		1784	`display: none;`
		1785	`opacity: 0;`
		1786
		1787	`.opened & {`
		1788	`background-color: $container-bg;`
		1789	`position: absolute;`
		1790	`left: 0;`
		1791	`opacity: 1;`
		1792	`z-index: 3;`
		1793	`display: flex;`
		1794
		1795	`.theme-dark & {`
		1796	`background-color: $dm-container-bg;`
		1797	`}`
		1798	`}`
		1799
		1800	`.rui-icon-menu {`
		1801	`.opened & {`
		1802	`padding-left: 30px;`
		1803	`}`
		1804	`}`
		1805
		1806	`}`
		1807
		1808	`.moremenu.navigation {`
		1809	`.opened & {`
		1810	`@include media-breakpoint-between(xs, sm) {`
		1811	`padding: 10px;`
		1812	`width: calc(100% + 20px);`
		1813	`left: -20px;`
		1814	`border-radius: $btn-border-radius-md;`
		1815	`box-shadow: $box-shadow-lg;`
		1816	`}`
		1817	`}`
		1818	`}`
		1819
		1820	`.rui-icon-menu {`
		1821	`.opened & {`
		1822	`right: 50px;`
		1823
		1824	`@include media-breakpoint-up(md) {`
		1825	`width: max-content;`
		1826	`}`
		1827
		1828	`@include media-breakpoint-between(xs, sm) {`
		1829	`align-items: center;`
		1830	`justify-content: flex-end;`
		1831	`border-radius: 40px;`
		1832	`background-color: $container-bg;`
		1833
		1834	`.theme-dark & {`
		1835	`background-color: $dm-container-bg;`
		1836	`}`
		1837	`}`
		1838	`}`
		1839	`}`
		1840	`}`
		1841
		1842	`.moremenu .nav-link {`
		1843	`margin: 0;`
		1844	`}`
		1845
		1846	`.more-nav {`
		1847	`a {`
		1848	`margin: 0;`
		1849	`}`
		1850
		1851	`.dropdown-menu {`
		1852	`width: 100%;`
		1853	`max-width: calc(100% - 7px);`
		1854	`left: 2px !important;`
		1855	`}`
		1856	`}`
		1857
		1858	`#topbarLeft {`
		1859	`z-index: 3;`
		1860	`}`
		1861	`}`
		1862
		1863
		1864	`// Fix some unnecessary layout gaps`
		1865	`.box:empty {`
		1866	`display: none;`
		1867	`}`
		1868
		1869	`#page-login-change_password {`
1441	ariadna	1870	`background-image: none!important;`
1	efrain	1871	`}`
		1872
		1873	`// H5P`
		1874	`.h5p-question-content {`
		1875	`margin: 0;`
		1876	`}`
		1877
		1878	`.rui-editmode--top .editmode-switch-form {`
		1879
		1880	`@include media-breakpoint-up(lg) {`
		1881	`margin-left: 20px;`
		1882	`position: relative;`
		1883
		1884	`&:before {`
		1885	`content: '';`
		1886	`background-color: rgba($black, .15);`
		1887	`width: 1px;`
		1888	`height: 16px;`
		1889
		1890	`position: absolute;`
		1891	`top: calc(50% - 8px);`
		1892	`left: -10px;`
		1893	`}`
		1894
		1895	`.dir-rtl & {`
		1896	`margin-right: 20px;`
		1897	`margin-left: 0;`
		1898	`}`
		1899	`}`
		1900
		1901	`@include media-breakpoint-down(md) {`
		1902	`padding: 5px 10px;`
		1903	`background-color: $container-bg;`
		1904	`border: none;`
		1905	`border-radius: $btn-border-radius;`
		1906
		1907	`box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .26), 0 14px 44px 0 rgba(0, 0, 0, .2);`
		1908	`position: fixed;`
		1909	`right: 20px;`
		1910	`bottom: 14px;`
		1911	`z-index: $zindex-tooltip;`
		1912
		1913	`.theme-dark & {`
		1914	`background-color: $black;`
		1915	`}`
		1916	`}`
		1917	`}`
		1918
		1919	`.rui-editmode--footer .editmode-switch-form {`
		1920	`padding: 5px;`
		1921	`background-color: $container-bg;`
		1922	`border: none;`
		1923	`border-radius: $btn-border-radius;`
		1924
		1925	`box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .26), 0 14px 44px 0 rgba(0, 0, 0, .2);`
		1926	`position: fixed;`
		1927	`right: 20px;`
		1928	`bottom: 13px;`
		1929	`z-index: $zindex-tooltip;`
		1930
		1931	`transition: $transition-base;`
		1932	`}`
		1933
		1934	`.scrolled.back-to-top-on .editmode-switch-form {`
		1935	`right: 70px;`
		1936	`}`
		1937
		1938	`.rui-editmode--top.scrolled.back-to-top-on .editmode-switch-form {`
		1939	`right: 0;`
1441	ariadna	1940	`background: $container-bg;`
		1941	`padding: 3px 1px;`
		1942	`border-radius: $btn-border-radius;`
1	efrain	1943	`}`
		1944
		1945	`.theme-dark.rui-editmode--footer .editmode-switch-form {`
		1946	`background-color: $dm-gray-100;`
		1947	`}`
		1948
		1949	`#back-to-top {`
		1950	`display: none;`
		1951	`position: fixed;`
		1952	`right: 16px;`
		1953	`bottom: 8px;`
		1954
		1955	`z-index: 9999;`
		1956	`transition: $transition-base;`
		1957
		1958	`box-shadow: $box-shadow;`
		1959	`background-color: $gray-900;`
		1960	`color: $gray-100;`
		1961	`border: 0;`
		1962	`border-radius: $btn-border-radius-xl;`
		1963
		1964	`.theme-dark & {`
		1965	`background-color: $dm-gray-100;`
		1966	`color: $dm-gray-900;`
		1967	`}`
		1968
		1969	`.scrolled & {`
		1970	`display: flex;`
1441	ariadna	1971	`}`
		1972	`}`
1	efrain	1973
1441	ariadna	1974
		1975	`// Filter.`
		1976	`.filtering-title {`
		1977	`font-size: $font-size-sm;`
		1978	`}`
		1979
		1980	`.filtering-group {`
		1981	`padding: 12px 16px 16px;`
		1982	`}`
		1983
		1984	`.filtering-filter {`
		1985	`display: flex;`
		1986	`align-items: center;`
		1987	`justify-content: space-between;`
		1988
		1989	`padding: 3px 3px 3px 12px;`
		1990	`margin-bottom: 2px;`
		1991
		1992	`font-size: $font-size-sm;`
		1993	`border-radius: $btn-border-radius;`
		1994
		1995	`cursor: pointer;`
		1996
		1997	`.total {`
		1998	`background-color: $gray-200;`
		1999	`color: $gray-800;`
		2000	`border-radius: $btn-border-radius;`
		2001
		2002	`min-width: 18px;`
		2003
		2004	`display: inline-flex;`
		2005	`align-items: center;`
		2006	`padding: 1px 4px;`
		2007	`justify-content: center;`
		2008
		2009	`font-size: 11px;`
		2010	`font-weight: $font-weight-bold;`
		2011	`margin-left: 10px;`
		2012	`}`
		2013
		2014	`&:hover {`
		2015	`background-color: $gray-100;`
		2016
		2017	`.theme-dark & {`
		2018	`background-color: $dm-gray-300;`
1	efrain	2019	`}`
		2020	`}`
1441	ariadna	2021
		2022	`&.checked {`
		2023	`background-color: var(--main-theme-color);`
		2024	`color: var(--primary-color-100);`
		2025
		2026	`.total {`
		2027	`background-color: var(--primary-color-200);`
		2028	`color: var(--main-theme-color);`
		2029	`}`
		2030	`}`
		2031
		2032	`&.disabled {`
		2033	`display: none;`
		2034	`// color: $gray-500;`
		2035	`// .theme-dark & {`
		2036	`// color: $dm-gray-500;`
		2037	`// }`
		2038	`}`
		2039	`}`
		2040
		2041	`/* Items */`
		2042	`.filtering-item.filtered {`
		2043	`display: none;`
		2044	`}`
		2045
		2046	`// Category Dropdown menu`
		2047	`.rui-course-count-badge {`
		2048	`margin-left: auto;`
		2049	`padding: 2px 4px;`
		2050	`background-color: $dropdown-link-active-bg;`
		2051	`color: $dropdown-link-active-color;`
		2052
		2053	`min-width: 20px;`
		2054	`width: auto;`
		2055	`height: 20px;`
		2056	`border-radius: 20px;`
		2057
		2058	`font-size: 11px;`
		2059	`display: flex;`
		2060	`justify-content: center;`
		2061	`align-items: center;`
		2062	`}`
		2063
		2064	`.rui-cat-menu-0 {`
		2065	`margin: 0;`
		2066	`padding: 0;`
		2067	`list-style: none;`
		2068
		2069	`.categories-depth-0 a {`
		2070	`font-size: 16px;`
		2071	`gap: 10px;`
		2072	`}`
		2073
		2074	`.categories-depth-1 a {`
		2075	`font-size: 14px;`
		2076	`gap: 10px;`
		2077	`}`
		2078
		2079	`.categories-depth-3 a {`
		2080	`font-size: 12px;`
		2081	`gap: 10px;`
		2082	`}`
		2083
		2084	`ul {`
		2085	`list-style: none;`
		2086	`margin: 0;`
		2087	`}`
		2088	`}`
		2089
		2090	`#root .info {`
		2091	`img.img-fluid {`
		2092	`margin: 10px 0;`
		2093	`border-radius: $btn-border-radius;`
		2094	`}`
1	efrain	2095	`}`

Proyectos de Subversion Moodle

(root)/theme/universe/scss/moodle/layout.scss – Rev 1441