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

Proyectos de Subversion Moodle

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