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

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

Proyectos de Subversion Moodle

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