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

Rev	Autor	Línea Nro.	Línea
1	efrain	1	`/* course.less */`
		2	`$rui-date-margin-left: 53px;`
		3	`$activity-item-background: theme-color-level('primary', -12) !default;`
		4	`$activity-item-border: theme-color-level('primary', -2) !default;`
		5	`$activity-item-color: $body-color;`
		6	`$activity-item-hover: theme-color-level('primary', -12) !default;`
		7	`$activity-add-hover: theme-color-level('primary', -10) !default;`
		8
		9
		10	`/* Cards */`
		11	`$course-card-shadow-color: $primary-color-600 !default;`
		12
		13	`.rui-course-card-img-top {`
		14	`margin: 0;`
		15
		16	`width: 100%;`
		17	`height: 200px;`
		18	`border-radius: $btn-border-radius;`
		19
		20	`background-repeat: no-repeat;`
		21	`background-size: cover;`
		22	`background-position: center;`
		23
		24	`@if variable-exists(showcolorcoursecardmask) {`
		25	`@if $showcolorcoursecardmask=='yes' {`
		26	`background-color: $course-card-shadow-color;`
		27	`background-blend-mode: luminosity;`
		28	`}`
		29	`}`
		30
		31	`}`
		32
		33	`.rui-course-card-deck {`
		34	`display: flex;`
		35	`flex-direction: column;`
		36	`align-items: stretch;`
		37
		38	`.rui-course-card {`
		39	`width: 100%;`
		40	`height: 100%;`
		41	`border-radius: $btn-border-radius;`
		42	`display: grid;`
		43	`height: max-content;`
		44	`}`
		45
		46	`#blocks-dashboardrightblock & {`
		47	`display: block;`
		48	`}`
		49
		50	`&:empty {`
		51	`display: none;`
		52	`}`
		53	`}`
		54
		55	`.rui-course-desc {`
		56	`font-size: 1.125rem; //18px`
		57
		58	`@include media-breakpoint-between(xs, sm) {`
		59	`font-size: 1rem; //16px`
		60	`}`
		61
		62	`width: 100%;`
		63
		64	`// @if variable-exists(coursedescwidth) {`
		65	`// max-width: $coursedescwidth;`
		66	`// }`
		67	`}`
		68
		69	`.activity-description {`
		70	`width: 100%;`
		71
		72	`// @if variable-exists(incoursedescwidth) {`
		73	`// max-width: $incoursedescwidth;`
		74	`// }`
		75	`}`
		76
		77	`.page-mycourses,`
		78	`.rui-dashboard-main,`
		79	`.rui-dashboard-bottom,`
		80	`.rui-dashboard-top {`
		81
		82	`.block-myoverview,`
		83	`.block-recentlyaccessedcourses,`
		84	`.block_starredcourses {`
		85	`.rui-course-card-deck {`
		86	`display: grid;`
		87	`flex-direction: column;`
		88	`align-items: stretch;`
		89
		90	`grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));`
		91	`gap: 36px;`
		92	`}`
		93	`}`
		94	`}`
		95
		96	`.courses,`
		97	`.rui-category-browse {`
		98	`position: relative;`
		99
		100	`.rui-course-card-deck {`
		101	`display: grid;`
		102	`flex-direction: column;`
		103	`align-items: stretch;`
		104
		105	`grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));`
		106	`gap: 36px;`
		107	`}`
		108	`}`
		109
		110	`// Main Block Column`
		111	`#block-region-dmiddleblocks {`
		112
		113	`.block-recentlyaccessedcourses,`
		114	`.block_starredcourses,`
		115	`.block-myoverview {`
		116	`.rui-course-card-deck {`
		117	`display: grid;`
		118	`flex-direction: column;`
		119	`align-items: stretch;`
		120
		121	`grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));`
		122	`gap: 36px;`
		123	`}`
		124	`}`
		125	`}`
		126
		127	`// Right or left column`
		128	`#blocks-dashboardleftblock,`
		129	`#blocks-dashboardrightblock {`
		130	`.block-myoverview {`
		131	`.paged-content-page-container {`
		132	`overflow-x: auto;`
		133	`}`
		134
		135	`.dropdown-menu {`
		136	`width: 100%;`
		137	`}`
		138
		139	`.rui-course-card-deck {`
		140	`display: grid;`
		141	`grid-auto-flow: column;`
		142	`grid-gap: 20px;`
		143
		144	`.dropdown-menu {`
		145	`width: calc(100% - 8px);`
		146	`}`
		147
		148	`.rui-course-card {`
		149	`width: 250px;`
		150	`}`
		151	`}`
		152
		153	`.dropdown,`
		154	`.btn {`
		155	`width: 100%;`
		156
		157	`span {`
		158	`@extend .text-truncate;`
		159	`max-width: 180px;`
		160	`}`
		161	`}`
		162	`}`
		163	`}`
		164
		165	`.rui-course-card {`
		166	`padding: 0;`
		167
		168	`position: relative;`
		169	`overflow: hidden;`
		170
		171	`.rui-course--list & {`
		172	`padding: 20px;`
		173	`border: 1px solid $border-color;`
		174	`border-radius: $btn-border-radius;`
		175
		176	`.theme-dark & {`
		177	`border-color: $dm-border-color;`
		178	`}`
		179	`}`
		180
		181	`.customfield {`
		182	`padding: 0;`
		183	`margin: 10px 0;`
		184	`font-size: $font-size-xs;`
		185	`color: $body-color-light;`
		186
		187	`.theme-dark & {`
		188	`color: $body-color-light;`
		189	`}`
		190
		191	`.customfieldname {`
		192	`font-weight: $font-weight-medium;`
		193	`}`
		194
		195	`&.customfield_customcoursefavicon,`
		196	`&.customfield_picture {`
		197	`display: none;`
		198	`}`
		199	`}`
		200
		201	`#blocks-dashboardleftblock &,`
		202	`#blocks-dashboardrightblock & {`
		203	`margin-bottom: 20px;`
		204
		205	`&:last-of-type {`
		206	`margin-bottom: 0;`
		207	`}`
		208	`}`
		209
		210	`.dropdown {`
		211	`position: absolute;`
		212	`top: 0;`
		213	`right: 0;`
		214	`}`
		215	`}`
		216
		217	`.rui-course-card-margin {`
		218	`margin: 0 20px 0;`
		219	`}`
		220
		221	`.rui-course-card--dimmed {`
		222	`opacity: .5;`
		223	`transition: opacity 350ms ease;`
		224
		225	`&:hover {`
		226	`opacity: 1;`
		227
		228	`img {`
		229	`filter: grayscale(0%);`
		230	`}`
		231	`}`
		232
		233	`img {`
		234	`filter: grayscale(100%);`
		235	`}`
		236	`}`
		237
		238	`.rui-course-cat-badge {`
		239	`display: grid;`
		240	`font-size: $font-size-sm;`
		241	`font-weight: $font-weight-medium;`
		242	`color: $gray-500;`
		243
		244	`.theme-dark & {`
		245	`color: $dm-body-color-light;`
		246	`}`
		247	`}`
		248
		249	`a.rui-course-cat-badge:hover {`
		250	`color: $gray-500;`
		251	`text-decoration: none;`
		252
		253	`.theme-dark & {`
		254	`color: $dm-gray-200;`
		255	`}`
		256	`}`
		257
		258	`.rui-course-hidden-badge {`
		259	`padding: 3px 7px;`
		260	`border-radius: $btn-border-radius;`
		261
		262	`background-color: $red-100;`
		263	`font-size: 11px;`
		264	`font-weight: $font-weight-medium;`
		265	`color: $red-700;`
		266	`}`
		267
		268	`.rui-customfields-container,`
		269	`.rui-card-course-contacts,`
		270	`.rui-course-card-footer-progress {`
		271	`width: 100%;`
		272	`padding: 0 20px;`
		273
		274	`align-self: flex-end;`
		275
		276	`.rui-course-listitem & {`
		277	`padding: 0 20px 10px;`
		278	`border-top: none;`
		279	`}`
		280
		281	`.rui-progress-100 & {`
		282	`border-color: var(--primary-color-100);`
		283	`}`
		284	`}`
		285
		286	`.rui-course-card-footer {`
		287	`width: 100%;`
		288
		289	`align-self: flex-start;`
		290
		291	`#page-enrol-index & {`
		292	`display: none;`
		293	`}`
		294	`}`
		295
		296	`.customfields-container,`
		297	`.rui-customfields-container {`
		298	`font-size: $font-size-xs;`
		299	`color: $body-color-secondary;`
		300
		301	`.customfieldname {`
		302	`font-weight: $font-weight-bold;`
		303	`}`
		304	`}`
		305
		306	`.rui-course-card-icons {`
		307	`position: absolute;`
		308	`top: 10px;`
		309	`left: 10px;`
		310
		311	`display: inline-flex;`
		312
		313	`//Container for SVG`
		314	`.icon {`
		315	`margin-right: .35rem;`
		316	`padding: 6px;`
		317
		318	`width: 18px;`
		319	`height: 18px;`
		320	`color: $white;`
		321
		322	`background-color: rgba($black, 0.2);`
		323	`backdrop-filter: blur(10px);`
		324	`-webkit-backdrop-filter: blur(10px);`
		325
		326	`border-radius: 50%;`
		327
		328	`.theme-dark & {`
		329	`filter: invert(0);`
		330	`}`
		331
		332	`.rui-course--list & {`
		333	`background-color: $gray-500;`
		334
		335	`.theme-dark & {`
		336	`background-color: $dm-gray-100;`
		337	`}`
		338	`}`
		339	`}`
		340
		341	`//Moodle 4.0`
		342	`.text-primary:not(.hidden) {`
		343	`margin-right: .35rem;`
		344	`padding: 6px;`
		345
		346	`width: 18px;`
		347	`height: 18px;`
		348	`color: $white !important;`
		349
		350	`display: flex;`
		351	`align-content: center;`
		352	`justify-content: center;`
		353
		354	`background-color: rgba($black, 0.2);`
		355	`backdrop-filter: blur(10px);`
		356	`-webkit-backdrop-filter: blur(10px);`
		357
		358	`border-radius: 50%;`
		359	`box-sizing: content-box;`
		360
		361	`.theme-dark & {`
		362	`filter: invert(0);`
		363	`}`
		364	`}`
		365
		366	`.icon:not(.hidden) {`
		367	`display: inline-grid;`
		368	`}`
		369
		370	`.rui-course-card--noimg & {`
		371	`margin: 10px 20px 0;`
		372	`position: relative;`
		373	`top: 0;`
		374	`left: 0;`
		375
		376	`@include media-breakpoint-down(sm) {`
		377	`margin-left: 0;`
		378	`}`
		379
		380	`&:empty {`
		381	`display: none;`
		382	`}`
		383	`}`
		384	`}`
		385
		386	`.rui-course-card-icons--right {`
		387	`position: absolute;`
		388	`top: 10px;`
		389	`right: 10px;`
		390
		391	`display: inline-flex;`
		392	`font-size: 11px;`
		393
		394	`.rui-course-list & {`
		395	`position: relative;`
		396	`top: 0;`
		397	`right: 0;`
		398	`}`
		399
		400	`.rui-icon-container {`
		401	`color: $white;`
		402	`font-weight: $font-weight-bold;`
		403	`text-transform: uppercase;`
		404
		405	`margin-left: .35rem;`
		406	`padding: 6px;`
		407
		408	`display: flex;`
		409	`align-items: center;`
		410	`justify-content: center;`
		411
		412	`width: 30px;`
		413	`height: 30px;`
		414	`color: $white;`
		415
		416	`background-color: rgba($black, 0.2);`
		417	`backdrop-filter: blur(10px);`
		418	`-webkit-backdrop-filter: blur(10px);`
		419
		420	`border-radius: 50%;`
		421
		422	`.theme-dark & {`
		423	`filter: invert(0);`
		424	`}`
		425
		426	`.rui-course--list & {`
		427	`background-color: $gray-500;`
		428
		429	`.theme-dark & {`
		430	`background-color: $dm-gray-100;`
		431	`}`
		432	`}`
		433	`}`
		434	`}`
		435
		436	`.rui-coursemenu-btn {`
		437	`position: absolute;`
		438	`top: 10px;`
		439	`right: 10px;`
		440	`z-index: 3;`
		441
		442	`width: 30px;`
		443	`height: 30px;`
		444	`display: inline-grid;`
		445	`align-content: center;`
		446	`justify-content: center;`
		447
		448	`background-color: rgba($black, 0.2);`
		449	`backdrop-filter: blur(10px);`
		450	`border: none;`
		451
		452	`color: $white;`
		453
		454	`border-radius: $btn-border-radius;`
		455
		456	`.rui-course-listitem & {`
		457	`top: 5px;`
		458	`right: 0;`
		459	`}`
		460
		461	`.rui-course-list-body & {`
		462	`top: 0;`
		463	`right: 0;`
		464	`}`
		465
		466	`}`
		467
		468	`.rui-course-listitem {`
		469	`margin: 0 0 5px;`
		470	`border: 1px solid $border-color !important;`
		471	`border-radius: $btn-border-radius;`
		472
		473	`.theme-dark & {`
		474	`border-color: $dm-border-color !important;`
		475	`}`
		476
		477	`.rui-course-card-title .icon {`
		478	`margin-right: .35rem;`
		479	`}`
		480
		481	`.rui-course-card-title a {`
		482	`max-width: calc(100% - 100px);`
		483	`min-width: 100%;`
		484	`}`
		485	`}`
		486
		487	`.rui-course-listitem-img {`
		488	`margin-bottom: 35px;`
		489	`width: 200px;`
		490	`height: 100%;`
		491	`min-height: 100px;`
		492	`border-radius: $btn-border-radius;`
		493	`overflow: hidden;`
		494	`position: relative;`
		495
		496	`background-size: cover;`
		497	`background-position: center;`
		498
		499	`@if variable-exists(showcolorcoursecardmask) {`
		500	`@if $showcolorcoursecardmask=='yes' {`
		501	`background-color: $course-card-shadow-color;`
		502	`background-blend-mode: luminosity;`
		503	`}`
		504	`}`
		505
		506	`@include media-breakpoint-between(xs, sm) {`
		507	`display: none;`
		508	`}`
		509
		510	`}`
		511
		512	`.rui-card-course-contacts {`
		513	`position: absolute;`
		514	`top: 185px;`
		515
		516	`padding-right: 15px;`
		517	`display: inline-flex;`
		518	`flex-wrap: wrap;`
		519
		520	`.rui-course-card--noimg & {`
		521	`top: 0;`
		522	`margin: 20px 0 10px;`
		523	`}`
		524
		525	`.rui-card-contact {`
		526	`margin-right: .35rem;`
		527	`}`
		528
		529	`.rui-card-avatar {`
		530	`width: 30px;`
		531	`height: 30px;`
		532	`border-radius: $btn-border-radius-lg;`
		533	`}`
		534	`}`
		535
		536	`.rui-course-card-link {`
		537	`padding: 10px 20px;`
		538
		539	`width: 100%;`
		540	`display: flex;`
		541	`justify-content: flex-start;`
		542	`align-content: center;`
		543
		544	`color: $body-color;`
		545
		546	`.theme-dark & {`
		547	`color: $dm-body-color;`
		548	`}`
		549
		550	`&:hover {`
		551	`text-decoration: none;`
		552	`color: $link-color;`
		553
		554	`.theme-dark & {`
		555	`color: $dm-link-color;`
		556	`}`
		557	`}`
		558
		559	`.rui-course-card-link-text {`
		560	`margin-right: .35rem;`
		561	`display: inline-flex;`
		562	`align-items: center;`
		563
		564	`font-weight: $font-weight-medium;`
		565	`font-size: $font-size-xs;`
		566	`}`
		567	`}`
		568
		569	`.rui-course-list-title {`
		570	`font-size: $font-size-base;`
		571	`font-weight: $font-weight-medium;`
		572
		573	`a {`
		574	`color: $body-color;`
		575
		576	`.theme-dark & {`
		577	`color: $dm-body-color;`
		578	`}`
		579
		580	`&:hover {`
		581	`color: $link-color;`
		582
		583	`.theme-dark & {`
		584	`color: $dm-link-color;`
		585	`}`
		586	`}`
		587	`}`
		588	`}`
		589
		590	`.rui-course-card-title {`
		591	`font-size: $font-size-base;`
		592	`font-weight: $font-weight-bold;`
		593	`line-height: 1.3;`
		594	`margin-bottom: 0;`
		595
		596	`a {`
		597	`color: $body-color;`
		598
		599	`.theme-dark & {`
		600	`color: $dm-body-color;`
		601	`}`
		602
		603	`&:hover {`
		604	`color: $link-color;`
		605
		606	`.theme-dark & {`
		607	`color: $dm-link-color;`
		608	`}`
		609	`}`
		610	`}`
		611	`}`
		612
		613	`.rui-course-card-text {`
		614	`margin-top: .35rem;`
		615	`max-height: $max-course-card-text-height;`
		616	`overflow-y: auto;`
		617
		618	`font-size: $font-size-md;`
		619	`color: $body-color-secondary;`
		620
		621	`.rui-course-card--noimg & {`
		622	`max-height: $max-course-card-text-height + 200px;`
		623	`}`
		624
		625	`h1 {`
		626	`font-size: 15px;`
		627	`}`
		628
		629	`h2 {`
		630	`font-size: 14px;`
		631	`}`
		632
		633	`h3 {`
		634	`font-size: 13px;`
		635	`}`
		636
		637	`h4 {`
		638	`font-size: 12px;`
		639	`}`
		640
		641	`.theme-dark & {`
		642	`color: $dm-body-color-secondary;`
		643	`}`
		644	`}`
		645
		646	`.rui-course-list-body {`
		647	`padding: 10px;`
		648
		649	`//Container for SVG`
		650	`.icon {`
		651	`margin-right: .35rem;`
		652	`padding: 6px;`
		653
		654	`width: 18px;`
		655	`height: 18px;`
		656	`color: $white;`
		657
		658	`background-color: rgba($black, 0.2);`
		659	`backdrop-filter: blur(10px);`
		660	`-webkit-backdrop-filter: blur(10px);`
		661
		662	`border-radius: 50%;`
		663
		664	`.theme-dark & {`
		665	`filter: invert(0);`
		666	`}`
		667	`}`
		668
		669	`//Moodle 4.0`
		670	`.text-primary:not(.hidden) {`
		671	`position: absolute;`
		672	`z-index: 2;`
		673	`top: 20px;`
		674	`left: 20px;`
		675
		676	`margin-right: .35rem;`
		677	`padding: 6px;`
		678
		679	`width: 18px;`
		680	`height: 18px;`
		681	`color: $white !important;`
		682
		683	`display: flex;`
		684	`align-content: center;`
		685	`justify-content: center;`
		686
		687	`background-color: rgba($black, 0.2);`
		688	`backdrop-filter: blur(10px);`
		689	`-webkit-backdrop-filter: blur(10px);`
		690
		691	`border-radius: 50%;`
		692	`box-sizing: content-box;`
		693
		694	`@include media-breakpoint-between(xs, sm) {`
		695	`top: 3px;`
		696	`left: 3px;`
		697	`width: 14px;`
		698	`height: 14px;`
		699	`}`
		700
		701	`.theme-dark & {`
		702	`filter: invert(0);`
		703	`}`
		704	`}`
		705
		706	`.icon:not(.hidden) {`
		707	`display: inline-grid;`
		708	`}`
		709
		710	`}`
		711
		712	`//UI for Course Card - Finished`
		713	`.rui-progress-100 {`
		714	`border-color: $green-200;`
		715
		716	`background: $green-100;`
		717	`background: linear-gradient(165deg, rgba($white, 0) 29%, rgba($green-100, 1) 100%);`
		718
		719	`.theme-dark & {`
		720	`border-color: $green-800;`
		721	`background: $green-900;`
		722	`background: linear-gradient(165deg, rgba($dm-container-bg, 0) 29%, rgba($green-900, 1) 100%);`
		723	`}`
		724	`}`
		725
		726
		727	`/* COURSE CONTENT */`
		728	`.rui-category-label .icon {`
		729	`.theme-dark & {`
		730	`filter: invert(1);`
		731	`}`
		732	`}`
		733
		734	`.section_add_menus {`
		735	`text-align: right;`
		736	`clear: both;`
		737	`}`
		738
		739	`.section-modchooser {`
		740	`clear: both;`
		741	`}`
		742
		743	`.section_add_menus .horizontal div,`
		744	`.section_add_menus .horizontal form {`
		745	`display: inline;`
		746	`}`
		747
		748	`.section_add_menus optgroup {`
		749	`font-weight: normal;`
		750	`font-style: italic;`
		751	`}`
		752
		753	`/rtl:ignore/`
		754	`.section_add_menus .urlselect {`
		755	`text-align: left;`
		756	`margin-left: .4em;`
		757	`}`
		758
		759	`/rtl:ignore/`
		760	`.section_add_menus .urlselect select {`
		761	`margin-left: .2em;`
		762	`}`
		763
		764	`.sitetopic ul.section {`
		765	`margin: 0;`
		766	`}`
		767
		768	`body:not(.editing) .sitetopic ul.section {`
		769	`padding-left: 0;`
		770
		771	`.label .mod-indent-outer {`
		772	`padding-left: 0;`
		773	`}`
		774	`}`
		775
		776	`.section {`
		777	`.side {`
		778	`&.left {`
		779	`float: left;`
		780	`}`
		781
		782	`&.right {`
		783	`float: right;`
		784	`clear: right;`
		785	`}`
		786	`}`
		787
		788	`.spinner {`
		789	`height: 30px;`
		790	`width: 30px;`
		791	`}`
		792
		793	`.activity {`
		794
		795	`.contentwithoutlink,`
		796	`.activityinstance {`
		797	`min-width: 40%;`
		798	`display: table-cell;`
		799	`padding-right: 0;`
		800	`min-height: 2em;`
		801
		802	`>a {`
		803	`display: inline-block;`
		804	`text-indent: 0;`
		805	`padding-left: 0;`
		806
		807	`font-weight: $font-weight-bold;`
		808	`color: $body-color;`
		809	`}`
		810
		811	`.dimmed {`
		812	`.activityicon {`
		813	`opacity: .7;`
		814	`}`
		815	`}`
		816	`}`
		817
		818	`.stealth {`
		819	`color: $text-muted;`
		820	`}`
		821
		822	`a.stealth,`
		823	`a.stealth:hover {`
		824	`color: $link-color !important;`
		825	`/* stylelint-disable-line declaration-no-important */`
		826	`}`
		827
		828	`&.indented {`
		829	`.activity-item {`
		830	`margin-left: 64px;`
		831	`}`
		832	`}`
		833
		834	`&.indented+.indented {`
		835	`.activity-item {`
		836	`border-color: rgba($border-color, .6);`
		837
		838	`.theme-dark & {`
		839	`border-color: rgba($dm-border-color, .6);`
		840	`}`
		841	`}`
		842	`}`
		843	`}`
		844
		845	`.label {`
		846
		847	`.contentwithoutlink,`
		848	`.activityinstance {`
		849	`display: block;`
		850	`height: inherit;`
		851	`}`
		852
		853	`@include media-breakpoint-up(sm) {`
		854	`.mod-indent-outer {`
		855	`display: block;`
		856	`}`
		857	`}`
		858	`}`
		859
		860	`/*.filler {`
		861	`// This must be sized like an icon to fill the space.`
		862	`width: 16px;`
		863	`height: 16px;`
		864	`padding: 0;`
		865	`margin: 0 ($spacer * 0.5);`
		866	`display: inline-block;`
		867	`}*/`
		868
		869	`.activity.editor_displayed {`
		870
		871	`a.editing_title,`
		872	`.moodle-actionmenu {`
		873	`display: none;`
		874	`}`
		875
		876	`div.activityinstance {`
		877	`padding-right: initial;`
		878
		879	`input {`
		880	`margin-bottom: initial;`
		881	`padding-top: initial;`
		882	`padding-bottom: initial;`
		883	`vertical-align: text-bottom;`
		884	`}`
		885	`}`
		886	`}`
		887	`}`
		888
		889	`.section .activity .activityinstance,`
		890	`.section .activity .activityinstance div {`
		891	`display: inline-block;`
		892	`}`
		893
		894	`.activityinstance {`
		895	`font-size: $font-size-base;`
		896	`}`
		897
		898	`.editing_show+.editing_assign,`
		899	`.editing_hide+.editing_assign {`
		900	`// if roles icon missing, add space`
		901	`margin-left: 20px;`
		902	`}`
		903
		904	`.section .activity .commands {`
		905	`white-space: nowrap;`
		906	`display: inline-block;`
		907
		908	`.menubar {`
		909	`flex-wrap: wrap;`
		910	`}`
		911	`}`
		912
		913	`.section .activity.modtype_label.label {`
		914	`padding: 20px 0;`
		915	`border: 0;`
		916	`}`
		917
		918	`// Moodle 4.`
		919	`.topics+.single-section {`
		920	`margin-top: 30px;`
		921	`}`
		922
		923	`.section li.activity {`
		924	`padding: .25rem 0;`
		925	`margin: 0;`
		926	`clear: both;`
		927
		928	`position: relative;`
		929	`transition: $transition-base;`
		930
		931	`&:last-child {`
		932	`padding: 0 0 0 0;`
		933	`}`
		934
		935	`// &:before {`
		936	`// content: '';`
		937	`// background-color: $border-color;`
		938
		939	`// position: absolute;`
		940	`// left: 48px;`
		941	`// bottom: 0;`
		942
		943	`// width: calc(100% - 64px);`
		944	`// height: 1px;`
		945
		946	`// .theme-dark & {`
		947	`// background-color: $dm-border-color;`
		948	`// }`
		949	`// }`
		950	`}`
		951
		952	`.section li.activity {`
		953	`border-color: var(--primary-color-100);`
		954
		955	`.theme-dark & {`
		956	`border-color: $dm-gray-300;`
		957	`}`
		958	`}`
		959
		960	`.section li.activity.drop-up {`
		961	`border-top: 30px solid var(--primary-color-100);`
		962
		963	`.theme-dark & {`
		964	`border-color: $dm-gray-400;`
		965	`}`
		966	`}`
		967
		968	`.editing .activity-item {`
		969	`cursor: move`
		970	`}`
		971
		972
		973	`.section .activity .activityinstance .groupinglabel {`
		974	`padding-left: 30px;`
		975	`}`
		976
		977	`.section .activity .contentafterlink {`
		978	`font-size: $font-size-md;`
		979	`}`
		980
		981	`.section .activity .availabilityinfo {`
		982	`font-size: $font-size-xs;`
		983	`}`
		984
		985	`.section .activity .contentafterlink p {`
		986	`margin: 0 0 .25rem 0;`
		987	`color: $body-color-secondary;`
		988	`font-size: $font-size-md;`
		989
		990	`.theme-dark & {`
		991	`color: $dm-body-color-secondary;`
		992	`}`
		993	`}`
		994
		995	`.course-content .current {`
		996	`position: relative;`
		997	`z-index: 1;`
		998	`background-color: $container-bg;`
		999
		1000	`.theme-dark & {`
		1001	`background-color: $dm-container-bg;`
		1002	`}`
		1003	`}`
		1004
		1005	`.course-content .current::before {`
		1006	`content: "";`
		1007
		1008	`border: 2px solid $primary-color-600;`
		1009	`border-radius: 17px;`
		1010	`width: calc(100% + 12px);`
		1011	`height: calc(100% + 12px);`
		1012
		1013	`position: absolute;`
		1014	`z-index: -1;`
		1015	`top: -6px;`
		1016	`left: -6px;`
		1017
		1018	`// background-color: rgba($primary-color-100, .5);`
		1019	`// border-radius: $btn-border-radius;`
		1020	`// width: calc(100% + 20px);`
		1021	`// height: calc(100% + 20px);`
		1022
		1023	`// position: absolute;`
		1024	`// z-index: -1;`
		1025	`// top: -10px;`
		1026	`// left: -10px;`
		1027	`}`
		1028
		1029	`.course-content .section-summary {`
		1030	`list-style: none;`
		1031	`}`
		1032
		1033	`.course-content .section-summary .summary {`
		1034	`margin-top: 5px;`
		1035	`}`
		1036
		1037	`.course-content .single-section {`
		1038	`position: relative;`
		1039	`}`
		1040
		1041	`.course-content .single-section .section-navigation {`
		1042	`display: flex;`
		1043	`justify-content: space-between;`
		1044	`width: 100%;`
		1045
		1046	`//eg. Onetopic course format`
		1047	`.mdl-left,`
		1048	`.mdl-right {`
		1049	`display: inline-block;`
		1050	`font-size: $font-size-md;`
		1051	`font-weight: $font-weight-medium;`
		1052	`max-width: 200px;`
		1053
		1054	`a {`
		1055	`color: $body-color;`
		1056
		1057	`.theme-dark & {`
		1058	`color: $dm-body-color;`
		1059	`}`
		1060
		1061	`&:hover {`
		1062	`text-decoration: none;`
		1063	`}`
		1064	`}`
		1065
		1066	`}`
		1067
		1068	`}`
		1069
		1070	`.mdl-right .rarrow {`
		1071	`margin-left: .5rem;`
		1072	`}`
		1073
		1074	`.mdl-left .larrow {`
		1075	`margin-right: .5rem;`
		1076	`}`
		1077
		1078	`.course-content .single-section .section-navigation .title {`
		1079	`font-weight: $font-weight-bold;`
		1080	`}`
		1081
		1082	`.course-content ul li.section.hidden {`
		1083
		1084	`.sectionname>span,`
		1085	`.content>div.summary,`
		1086	`.activity .activityinstance {`
		1087	`color: $text-muted;`
		1088	`}`
		1089	`}`
		1090
		1091	`.course-content ul.topics,`
		1092	`.course-content ul.weeks {`
		1093	`padding: 0;`
		1094	`margin: 0;`
		1095	`list-style: none;`
		1096
		1097	`li.section {`
		1098	`margin-bottom: 10px;`
		1099
		1100	`.content {`
		1101	`.rui-section {`
		1102	`margin: 10px 0 30px;`
		1103	`}`
		1104	`}`
		1105
		1106	`@include media-breakpoint-up(sm) {`
		1107	`.content>.availabilityinfo {`
		1108	`margin-left: 25px;`
		1109	`}`
		1110	`}`
		1111
		1112	`.left,`
		1113	`.right {`
		1114	`padding: 0;`
		1115	`text-align: right;`
		1116	`width: auto;`
		1117	`}`
		1118	`}`
		1119	`}`
		1120
		1121	`ul.weeks {`
		1122	`.section {`
		1123	`margin: 3px 0;`
		1124	`}`
		1125	`}`
		1126
		1127	`@include media-breakpoint-between(xs, sm) {`
		1128	`body:not(.editing) {`
		1129
		1130	`.course-content ul.topics,`
		1131	`.course-content ul.weeks {`
		1132	`li.section {`
		1133
		1134	`.left,`
		1135	`.right {`
		1136	`display: none;`
		1137	`}`
		1138	`}`
		1139	`}`
		1140	`}`
		1141	`}`
		1142
		1143	`.course-content {`
		1144	`margin-top: 0;`
		1145	`//margin-bottom: 60px;`
		1146	`}`
		1147
		1148	`.course-content .hidden {`
		1149	`display: none;`
		1150	`}`
		1151
		1152	`.course-content li {`
		1153	`&.section {`
		1154	`ul {`
		1155	`list-style: disc;`
		1156
		1157	`ul {`
		1158	`list-style: circle;`
		1159
		1160	`ul {`
		1161	`list-style: square;`
		1162	`}`
		1163	`}`
		1164	`}`
		1165
		1166	`li {`
		1167	`&.activity {`
		1168	`ul {`
		1169	`list-style: disc;`
		1170
		1171	`ul {`
		1172	`list-style: circle;`
		1173
		1174	`ul {`
		1175	`list-style: square;`
		1176	`}`
		1177	`}`
		1178	`}`
		1179	`}`
		1180	`}`
		1181
		1182	`.right {`
		1183	`>.icon:first-child {`
		1184	`/* Remove the spacer icon. */`
		1185	`display: none;`
		1186	`}`
		1187	`}`
		1188	`}`
		1189	`}`
		1190
		1191	`.path-course-view.editing #region-main>.card-block {`
		1192	`padding-bottom: 13rem;`
		1193	`}`
		1194
		1195	`.jumpmenu .form-inline {`
		1196	`display: block;`
		1197	`}`
		1198
		1199	`.jumpmenu {`
		1200	`float: none;`
		1201	`}`
		1202
		1203	`.completionprogress {`
		1204	`display: inline-flex;`
		1205	`align-items: center;`
		1206
		1207	`padding: $badge-padding-y $badge-padding-x;`
		1208	`margin-bottom: 1rem;`
		1209
		1210	`@include font-size($badge-font-size);`
		1211	`font-weight: $badge-font-weight;`
		1212	`@include border-radius($badge-border-radius);`
		1213
		1214	`background-color: $gray-100;`
		1215	`color: $gray-600;`
		1216
		1217	`.theme-dark & {`
		1218	`background-color: $dm-gray-100;`
		1219	`color: $dm-gray-200;`
		1220	`}`
		1221
		1222	`.icon {`
		1223	`margin: 0;`
		1224	`}`
		1225	`}`
		1226
		1227	`#page-site-index .subscribelink {`
		1228	`text-align: right;`
		1229	`}`
		1230
		1231	`#site-news-forum h2,`
		1232	`#frontpage-course-list h2,`
		1233	`#frontpage-category-names h2,`
		1234	`#frontpage-category-combo h2 {`
		1235	`margin-bottom: 9px;`
		1236
		1237	`@include media-breakpoint-between(xs, sm) {`
		1238	`display: block;`
		1239	`text-align: center;`
		1240	`}`
		1241	`}`
		1242
		1243	`.path-course-view a.reduce-sections {`
		1244	`padding-left: 0.2em;`
		1245	`}`
		1246
		1247	`.path-course-view .subscribelink {`
		1248	`text-align: right;`
		1249	`}`
		1250
		1251	`.path-course-view .unread {`
		1252	`margin-left: 30px;`
		1253	`}`
		1254
		1255	`.path-course-view .block.drag .header {`
		1256	`cursor: move;`
		1257	`}`
		1258
		1259	`.path-course-view .completionprogress {`
		1260	`font-size: $font-size-md;`
		1261	`color: $body-color-secondary;`
		1262
		1263	`text-align: right;`
		1264
		1265	`.btn-link {`
		1266	`margin-left: .35rem;`
		1267	`}`
		1268	`}`
		1269
		1270	`.path-site li.activity>div,`
		1271	`.path-course-view li.activity>div {`
		1272	`position: relative;`
		1273	`}`
		1274
		1275	`.path-course-view li.activity span.autocompletion img {`
		1276	`vertical-align: text-bottom;`
		1277	`margin-left: 0;`
		1278	`width: auto;`
		1279	`height: auto;`
		1280	`}`
		1281
		1282	`.path-course-view li.activity form.togglecompletion .btn {`
		1283	`padding: 0;`
		1284	`background-color: transparent;`
		1285
		1286	`.icon {`
		1287	`margin: 0;`
		1288	`}`
		1289	`}`
		1290
		1291	`.path-course-view li.activity form.togglecompletion img {`
		1292	`max-width: none;`
		1293	`/* The width is 0 so ensure we don't end up with a relative max-width */`
		1294	`}`
		1295
		1296	`.path-course-view {`
		1297	`&.editing {`
		1298	`li.activity span.autocompletion img {`
		1299	`/* Use the same spacing as the filler. */`
		1300	`margin-right: $spacer * 0.5;`
		1301	`margin-left: $spacer * 0.5;`
		1302	`}`
		1303	`}`
		1304	`}`
		1305
		1306	`.path-course-view li.activity form.togglecompletion .ajaxworking {`
		1307	`width: 16px;`
		1308	`height: 16px;`
		1309	`position: absolute;`
		1310	`right: 22px;`
		1311	`top: 3px;`
		1312	`background: url([[pix:i/ajaxloader]]) no-repeat;`
		1313	`}`
		1314
		1315	`li.section.hidden span.commands a.editing_hide,`
		1316	`li.section.hidden span.commands a.editing_show {`
		1317	`cursor: default;`
		1318	`}`
		1319
		1320	`.sectionname {`
		1321	`margin: 0;`
		1322
		1323	`a {`
		1324	`color: $headings-color;`
		1325
		1326	`&:hover {`
		1327	`opacity: .7;`
		1328	`}`
		1329
		1330	`.theme-dark & {`
		1331	`color: $dm-headings-color;`
		1332	`}`
		1333	`}`
		1334	`}`
		1335
		1336	`// Remove margin top for rist element`
		1337	`.li.section:first-of-type {`
		1338	`.sectionname {`
		1339	`margin-top: 0;`
		1340	`}`
		1341	`}`
		1342
		1343	`input.titleeditor {`
		1344	`width: 330px;`
		1345	`vertical-align: text-bottom;`
		1346	`}`
		1347
		1348	`span.editinstructions {`
		1349	`position: absolute;`
		1350	`top: -15px;`
		1351
		1352	`font-size: $font-size-md;`
		1353	`padding: .25rem .5rem;`
		1354	`text-decoration: none;`
		1355	`z-index: $zindex-tooltip;`
		1356	`border-radius: $btn-border-radius;`
		1357	`border: none;`
		1358
		1359	`@include alert-variant(theme-color-level('info', $alert-bg-level),`
		1360	`theme-color-level('info', $alert-border-level),`
		1361	`theme-color-level('info', $alert-color-level));`
		1362	`}`
		1363
		1364	`.createstep {`
		1365	`margin-top: 1rem;`
		1366	`}`
		1367
		1368	`/* Course drag and drop upload styles */`
		1369	`#dndupload-status {`
		1370	`position: fixed;`
		1371	`left: 0;`
		1372	`width: 60%;`
		1373	`margin: 0 20%;`
		1374	`padding: .5rem;`
		1375
		1376	`font-size: $font-size-md;`
		1377	`text-align: center;`
		1378	`z-index: 1; // Required in order to have this above relatively positioned course content@mixin`
		1379	`border: none;`
		1380	`border-radius: $btn-border-radius;`
		1381
		1382	`@include alert-variant(theme-color-level('info', $alert-bg-level),`
		1383	`theme-color-level('info', $alert-border-level),`
		1384	`theme-color-level('info', $alert-color-level));`
		1385	`}`
		1386
		1387	`.dndupload-preview {`
		1388	`list-style: none;`
		1389	`margin-top: 1rem;`
		1390	`margin-bottom: 1rem;`
		1391	`padding: .85rem 1.5rem;`
		1392
		1393	`display: inline-flex;`
		1394	`align-items: center;`
		1395	`width: 100%;`
		1396
		1397	`background-color: $gray-100;`
		1398	`border: 2px dashed $gray-300;`
		1399	`border-radius: $btn-border-radius;`
		1400
		1401	`color: $gray-800;`
		1402	`font-weight: $font-weight-medium;`
		1403
		1404
		1405	`.theme-dark & {`
		1406	`background-color: $dm-gray-100;`
		1407	`border: 2px dashed $dm-gray-300;`
		1408	`color: $dm-gray-800;`
		1409	`}`
		1410
		1411	`img,`
		1412	`.icon {`
		1413	`width: 20px;`
		1414	`height: 20px;`
		1415	`margin-right: 10px;`
		1416	`}`
		1417
		1418	`.mod-indent {`
		1419	`display: inline-flex;`
		1420	`align-items: center;`
		1421	`}`
		1422	`}`
		1423
		1424	`.dndupload-hidden {`
		1425	`display: none;`
		1426	`}`
		1427
		1428	`/* COURSES LISTINGS AND COURSE SUMMARY */`
		1429	`#page-course-pending .singlebutton,`
		1430	`#page-course-index .singlebutton,`
		1431	`#page-course-index-category .singlebutton,`
		1432	`#page-course-editsection .singlebutton {`
		1433	`text-align: center;`
		1434	`}`
		1435
		1436	`#page-admin-course-manage #movecourses td img {`
		1437	`margin: 0 .22em;`
		1438	`vertical-align: text-bottom;`
		1439	`}`
		1440
		1441	`#coursesearch {`
		1442	`margin-top: 1em;`
		1443	`text-align: left;`
		1444	`}`
		1445
		1446	`#page-course-pending .pendingcourserequests {`
		1447	`margin-bottom: 1em;`
		1448	`}`
		1449
		1450	`#page-course-pending .pendingcourserequests .singlebutton {`
		1451	`display: inline;`
		1452	`}`
		1453
		1454	`#page-course-pending .pendingcourserequests .cell {`
		1455	`padding: 0 5px;`
		1456	`}`
		1457
		1458	`#page-course-pending .pendingcourserequests .cell.c6 {`
		1459	`white-space: nowrap;`
		1460	`}`
		1461
		1462	`.coursebox {`
		1463	`padding: $spacer * 0.5;`
		1464	`}`
		1465
		1466	`.coursebox>.info>.coursename a {`
		1467	`display: block;`
		1468	`background-image: url([[pix:moodle\|i/course]]);`
		1469	`background-repeat: no-repeat;`
		1470	`padding-left: 21px;`
		1471	`background-position: left 0.2em;`
		1472	`}`
		1473
		1474	`.coursebox>.info>.coursename,`
		1475	`.coursebox .content .teachers,`
		1476	`.coursebox .content .courseimage,`
		1477	`.coursebox .content .coursefile,`
		1478	`.coursebox .content .customfields-container {`
		1479	`float: left;`
		1480	`clear: left;`
		1481	`}`
		1482
		1483	`.coursebox .content .teachers,`
		1484	`.coursebox .content .courseimage,`
		1485	`.coursebox .content .coursefile,`
		1486	`.coursebox .content .customfields-container {`
		1487	`width: 40%;`
		1488	`}`
		1489
		1490	`.coursebox>.info>h3.coursename {`
		1491	`margin: 5px;`
		1492	`}`
		1493
		1494	`.coursebox>.info>.coursename {`
		1495	`margin: 5px;`
		1496	`padding: 0;`
		1497	`}`
		1498
		1499	`.coursebox .content .teachers li {`
		1500	`list-style-type: none;`
		1501	`padding: 0;`
		1502	`margin: 0;`
		1503	`}`
		1504
		1505	`.coursebox .moreinfo,`
		1506	`.coursebox .enrolmenticons {`
		1507	`padding: 3px 0;`
		1508	`float: right;`
		1509	`}`
		1510
		1511	`.coursebox .moreinfo img {`
		1512	`margin: 0 .2em;`
		1513	`}`
		1514
		1515	`.coursebox .content {`
		1516	`clear: both;`
		1517	`}`
		1518
		1519	`.coursebox .content .summary,`
		1520	`.coursebox .content .coursecat {`
		1521	`float: right;`
		1522	`width: 55%;`
		1523	`}`
		1524
		1525	`.coursebox .content .coursecat {`
		1526	`text-align: right;`
		1527	`clear: right;`
		1528	`}`
		1529
		1530	`.coursebox.remotecoursebox .remotecourseinfo {`
		1531	`float: left;`
		1532	`width: 40%;`
		1533	`}`
		1534
		1535	`.coursebox .content .courseimage img {`
		1536	`max-width: 100px;`
		1537	`max-height: 100px;`
		1538	`}`
		1539
		1540	`.coursebox .content .coursecat,`
		1541	`.coursebox .content .summary,`
		1542	`.coursebox .content .courseimage,`
		1543	`.coursebox .content .coursefile,`
		1544	`.coursebox .content .teachers,`
		1545	`.coursebox.remotecoursebox .remotecourseinfo,`
		1546	`.coursebox .content .customfields-container {`
		1547	`margin: 15px 5px 5px;`
		1548	`padding: 0;`
		1549	`}`
		1550
		1551	`.coursebox.remotehost>.info>.categoryname a {`
		1552	`background-image: url([[pix:moodle\|i/mnethost]]);`
		1553	`}`
		1554
		1555	`.coursebox.collapsed {`
		1556	`margin-bottom: 0;`
		1557	`}`
		1558
		1559	`.coursebox.collapsed>.content {`
		1560	`display: none;`
		1561	`}`
		1562
		1563	`.courses .coursebox {`
		1564	`&.collapsed {`
		1565	`padding-top: $spacer * 0.5;`
		1566	`padding-bottom: $spacer * 0.5;`
		1567	`}`
		1568
		1569	`&.even {`
		1570	`background-color: $table-accent-bg;`
		1571	`}`
		1572	`}`
		1573
		1574	`.courses>.paging.paging-morelink {`
		1575	`text-align: right;`
		1576	`padding: 0 0 $spacer 0;`
		1577	`}`
		1578
		1579	`.course_category_tree .category .numberofcourse {`
		1580	`font-size: $font-size-md;`
		1581	`}`
		1582
		1583	`.course_category_tree .controls {`
		1584	`visibility: hidden;`
		1585	`}`
		1586
		1587	`.course_category_tree .controls div {`
		1588	`display: inline;`
		1589	`cursor: pointer;`
		1590	`}`
		1591
		1592	`.jsenabled .course_category_tree .controls {`
		1593	`visibility: visible;`
		1594	`}`
		1595
		1596	`.course_category_tree .controls {`
		1597	`margin-bottom: 5px;`
		1598	`text-align: right;`
		1599	`float: right;`
		1600	`}`
		1601
		1602	`.course_category_tree .controls div {`
		1603	`padding-right: 2em;`
		1604	`font-size: 75%;`
		1605	`}`
		1606
		1607	`.course_category_tree .category.with_children.collapsed>.info>.categoryname {`
		1608	`background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='#{url-friendly-colour($body-color)}' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");`
		1609
		1610	`.dir-rtl & {`
		1611	`background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75 12L14.25 7.75V16.25L8.75 12Z' stroke='#{url-friendly-colour($body-color)}' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");`
		1612	`}`
		1613
		1614	`.theme-dark & {`
		1615	`background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='#{url-friendly-colour($dm-body-color)}' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");`
		1616	`}`
		1617
		1618	`.dir-rtl.theme-dark & {`
		1619	`background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75 12L14.25 7.75V16.25L8.75 12Z' stroke='#{url-friendly-colour($dm-body-color)}' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");`
		1620	`}`
		1621	`}`
		1622
		1623	`.course_category_tree .category.with_children>.info>.categoryname {`
		1624	`background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='#{url-friendly-colour($body-color)}' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");`
		1625
		1626	`.theme-dark & {`
		1627	`background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='#{url-friendly-colour($dm-body-color)}' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");`
		1628	`}`
		1629	`}`
		1630
		1631	`.course_category_tree .category>.info>.categoryname {`
		1632	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='#{url-friendly-colour($body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 17.25V9.75C19.25 8.64543 18.3546 7.75 17.25 7.75H4.75V17.25C4.75 18.3546 5.64543 19.25 6.75 19.25H17.25C18.3546 19.25 19.25 18.3546 19.25 17.25Z'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.5 7.5L12.5685 5.7923C12.2181 5.14977 11.5446 4.75 10.8127 4.75H6.75C5.64543 4.75 4.75 5.64543 4.75 6.75V11'%3E%3C/path%3E%3C/svg%3E%0A");
		1633
		1634	`.theme-dark & {`
		1635	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='#{url-friendly-colour($dm-body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 17.25V9.75C19.25 8.64543 18.3546 7.75 17.25 7.75H4.75V17.25C4.75 18.3546 5.64543 19.25 6.75 19.25H17.25C18.3546 19.25 19.25 18.3546 19.25 17.25Z'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($dm-body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.5 7.5L12.5685 5.7923C12.2181 5.14977 11.5446 4.75 10.8127 4.75H6.75C5.64543 4.75 4.75 5.64543 4.75 6.75V11'%3E%3C/path%3E%3C/svg%3E%0A");
		1636	`}`
		1637	`}`
		1638
		1639	`.course_category_tree .category.with_children.collapsed>.info>.categoryname,`
		1640	`.course_category_tree .category.with_children>.info>.categoryname,`
		1641	`.course_category_tree .category>.info>.categoryname {`
		1642	`background-color: $container-bg;`
		1643	`background-size: 24px;`
		1644	`background-repeat: no-repeat;`
		1645	`background-position: 17px;`
		1646
		1647	`border: 1px solid $border-color;`
		1648
		1649	`position: relative;`
		1650
		1651	`width: 100%;`
		1652	`margin: .25rem auto;`
		1653	`padding-top: 7px;`
		1654	`padding-left: 46px;`
		1655	`padding-bottom: 7px;`
		1656	`padding-right: 7px;`
		1657
		1658	`display: inline-flex;`
		1659	`align-items: center;`
		1660	`justify-content: space-between;`
		1661	`flex-wrap: wrap;`
		1662
		1663	`border-radius: $btn-border-radius;`
		1664	`font-family: $font-family-base;`
		1665	`font-weight: $font-weight-medium;`
		1666	`font-size: $font-size-base;`
		1667	`line-height: 1.5;`
		1668	`color: $body-color;`
		1669
		1670	`.dir-rtl & {`
		1671	`background-position: calc(100% - 12px);`
		1672	`}`
		1673
		1674	`.theme-dark & {`
		1675	`background-color: $dm-container-bg;`
		1676	`border-color: $dm-border-color;`
		1677	`color: $dm-body-color;`
		1678	`}`
		1679
		1680	`.spinner {`
		1681	`position: absolute;`
		1682	`top: 5px;`
		1683	`left: 5px;`
		1684
		1685	`width: 12px;`
		1686	`height: 12px;`
		1687
		1688	`margin: 0;`
		1689	`}`
		1690	`}`
		1691
		1692	`.course_category_tree .category.collapsed>.content {`
		1693	`display: none;`
		1694	`}`
		1695
		1696	`.course_category_tree .category>.info {`
		1697	`clear: both;`
		1698	`}`
		1699
		1700	`.course_category_tree .category>.content {`
		1701	`.wrapper-md {`
		1702	`width: $wrapper-md - 20px;`
		1703
		1704	`@include media-breakpoint-between(xs, md) {`
		1705	`width: 100%;`
		1706	`}`
		1707	`}`
		1708	`}`
		1709
		1710	`.rui-category-link {`
		1711	`border-radius: $btn-border-radius;`
		1712	`position: relative;`
		1713
		1714	`padding: 4px 7px;`
		1715	`border-radius: $btn-border-radius;`
		1716	`color: $body-color;`
		1717
		1718	`.theme-dark & {`
		1719	`color: $dm-body-color;`
		1720	`}`
		1721
		1722	`&:hover {`
		1723	`color: $primary-color-600;`
		1724	`background-color: var(--primary-color-100);`
		1725	`}`
		1726
		1727	`}`
		1728
		1729	`.rui-number-of-courses {`
		1730	`font-size: $font-size-xs;`
		1731	`font-weight: $font-weight-bold;`
		1732	`opacity: .7;`
		1733	`}`
		1734
		1735	`.rui-course-cat-desc {`
		1736	`img {`
		1737	`margin: $page-padding-global 0 0;`
		1738	`padding: 0;`
		1739
		1740	`width: 100%;`
		1741	`height: auto;`
		1742
		1743	`border-radius: $btn-border-radius;`
		1744	`}`
		1745	`}`
		1746
		1747
		1748	`/**`
		1749	`* Course management page`
		1750	`* Palette`
		1751	`*`
		1752	`* Background (reg) #F5F5F5`
		1753	`* Background (light #fafafa`
		1754	`* Background (highlight) #ddffaa`
		1755	`* Borders #e1e1e8`
		1756	`*/`
		1757	`#course-category-listings {`
		1758	`margin-bottom: 0;`
		1759
		1760	`/** Two column layout */`
		1761	`&.columns-2 {`
		1762	`>#course-listing>div {`
		1763	`position: relative;`
		1764	`left: -1px;`
		1765	`}`
		1766	`}`
		1767
		1768	`/** Three column layout */`
		1769	`&.columns-3>#course-listing>div {`
		1770	`height: 100%;`
		1771	`}`
		1772
		1773	`>div>div {`
		1774	`min-height: 300px;`
		1775
		1776	`>ul.ml>li:first-child>div {`
		1777	`border-top: 0;`
		1778	`}`
		1779	`}`
		1780
		1781	`h3 {`
		1782	`margin: 0;`
		1783	`padding-left: 7px;`
		1784	`padding-right: 7px;`
		1785	`font-size: $font-size-base;`
		1786	`}`
		1787
		1788	`h4 {`
		1789	`margin: 1rem 0 0;`
		1790	`}`
		1791
		1792	`.moodle-actionmenu {`
		1793	`white-space: nowrap;`
		1794	`}`
		1795
		1796	`.listing-actions {`
		1797	`text-align: right;`
		1798
		1799	`.btn {`
		1800	`width: 100%;`
		1801	`}`
		1802
		1803	`&.course-detail-listing-actions {`
		1804	`.btn {`
		1805	`width: auto;`
		1806	`}`
		1807	`}`
		1808
		1809	`>.moodle-actionmenu {`
		1810	`display: inline-block;`
		1811	`}`
		1812
		1813	`.action-menu {`
		1814	`margin: 5px 0 3px;`
		1815	`display: inline-flex !important;`
		1816	`}`
		1817	`}`
		1818
		1819	`ul.ml {`
		1820	`list-style: none;`
		1821	`padding: 0 !important;`
		1822	`margin: 1rem 0 1rem 0;`
		1823
		1824	`ul.ml {`
		1825	`margin: 0;`
		1826	`}`
		1827	`}`
		1828
		1829	`.course-list {`
		1830	`div {`
		1831	`align-items: center;`
		1832
		1833	`.coursename {`
		1834	`margin: 0 !important;`
		1835	`}`
		1836	`}`
		1837	`}`
		1838
		1839	`.listitem {`
		1840
		1841	`&[data-selected='1'] {`
		1842	`border-left: calc(#{$list-group-border-width} + 5px) solid map-get($theme-colors, 'primary');`
		1843	`padding-left: calc(#{$list-group-item-padding-x} - 5px);`
		1844	`}`
		1845	`}`
		1846
		1847	`.item-actions {`
		1848	`margin-right: 1em;`
		1849	`display: inline-block;`
		1850
		1851	`&.show .menu {`
		1852
		1853	`img {`
		1854	`width: 12px;`
		1855	`max-width: none;`
		1856	`}`
		1857	`}`
		1858
		1859	`.menu-action-text {`
		1860	`vertical-align: inherit;`
		1861	`}`
		1862	`}`
		1863
		1864	`.listitem {`
		1865	`>div {`
		1866	`>.float-left {`
		1867	`float: left;`
		1868	`}`
		1869
		1870	`>.float-right {`
		1871	`float: right;`
		1872	`text-align: right;`
		1873	`margin-left: auto;`
		1874	`}`
		1875
		1876	`.item-actions {`
		1877	`.action-show {`
		1878	`display: none;`
		1879	`}`
		1880
		1881	`.action-hide {`
		1882	`display: inline;`
		1883	`}`
		1884	`}`
		1885
		1886	`.without-actions {`
		1887	`color: $body-color;`
		1888
		1889	`.theme-dark & {`
		1890	`color: $dm-body-color;`
		1891	`}`
		1892	`}`
		1893
		1894	`.idnumber {`
		1895	`max-width: 200px;`
		1896	`text-align: right;`
		1897	`line-height: 1.2;`
		1898
		1899	`&:before {`
		1900	`content: '# ';`
		1901	`}`
		1902
		1903	`display: flex;`
		1904	`align-items: center;`
		1905
		1906	`font-size: $font-size-sm;`
		1907	`font-weight: $font-weight-medium;`
		1908
		1909	`margin-right: 10px;`
		1910	`}`
		1911	`}`
		1912
		1913	`// The category or course is hidden.`
		1914	`&[data-visible="0"] {`
		1915	`opacity: .6;`
		1916
		1917	`>div {`
		1918	`>a {`
		1919	`opacity: .6;`
		1920	`}`
		1921
		1922	`.item-actions {`
		1923	`.action-show {`
		1924	`display: inline;`
		1925	`}`
		1926
		1927	`.action-hide {`
		1928	`display: none;`
		1929	`}`
		1930	`}`
		1931	`}`
		1932	`}`
		1933
		1934	`&[data-visible="0"],`
		1935	`&[data-visible="1"] {`
		1936	`margin: 0 0 4px 0;`
		1937	`color: $body-color;`
		1938	`border: 1px solid $border-color;`
		1939	`border-radius: $btn-border-radius;`
		1940
		1941	`.custom-control-label::after,`
		1942	`.custom-control-label::before {`
		1943	`top: 0;`
		1944	`left: 0;`
		1945	`}`
		1946
		1947	`.clearfix {`
		1948	`width: 100%;`
		1949	`display: flex;`
		1950	`align-items: center;`
		1951	`align-self: center;`
		1952	`flex-wrap: wrap;`
		1953	`}`
		1954
		1955	`.theme-dark & {`
		1956	`color: $dm-body-color;`
		1957	`border-color: $dm-border-color;`
		1958	`}`
		1959
		1960	`a.float-left {`
		1961	`&::after {`
		1962	`display: none;`
		1963	`}`
		1964	`}`
		1965
		1966	`.tree-icon {`
		1967	`width: 18px;`
		1968	`height: 18px;`
		1969	`border-radius: 18px;`
		1970
		1971	`display: flex;`
		1972	`align-items: center;`
		1973	`justify-content: center;`
		1974	`background-color: $gray-100;`
		1975
		1976	`.theme-dark & {`
		1977	`filter: invert(1);`
		1978	`}`
		1979
		1980	`&[aria-hidden="true"] {`
		1981	`display: none;`
		1982	`}`
		1983	`}`
		1984
		1985	`>div {`
		1986	`>a {`
		1987	`font-size: $font-size-xs;`
		1988	`font-weight: $font-weight-medium;`
		1989	`color: $body-color;`
		1990
		1991	`.theme-dark & {`
		1992	`color: $dm-body-color;`
		1993	`}`
		1994	`}`
		1995	`}`
		1996	`}`
		1997
		1998	`&.highlight {`
		1999	`background-color: $body-bg;`
		2000
		2001	`>div,`
		2002	`>div:hover,`
		2003	`&[data-selected='1']>div {`
		2004	`background-color: $table-hover-bg;`
		2005	`}`
		2006	`}`
		2007	`}`
		2008
		2009	`#course-listing {`
		2010	`.listitem {`
		2011	`.categoryname {`
		2012	`display: inline-block;`
		2013	`margin-left: 1em;`
		2014	`color: $dm-body-color-secondary;`
		2015
		2016	`.theme-dark & {`
		2017	`color: $dm-body-color-secondary;`
		2018	`}`
		2019	`}`
		2020
		2021	`.coursename {`
		2022	`font-size: $font-size-sm;`
		2023	`font-weight: $font-weight-medium;`
		2024	`color: $body-color;`
		2025
		2026	`display: inline-flex;`
		2027	`align-self: center;`
		2028	`flex-basis: 10rem;`
		2029
		2030	`.theme-dark & {`
		2031	`color: $dm-body-color;`
		2032	`}`
		2033	`}`
		2034	`}`
		2035
		2036	`>.firstpage .listitem:first-child>div .item-actions .action-moveup,`
		2037	`>.lastpage .listitem:last-child>div .item-actions .action-movedown {`
		2038	`display: none;`
		2039	`}`
		2040
		2041	`.bulk-action-checkbox {`
		2042	`margin: -2px 6px 0 0;`
		2043	`}`
		2044	`}`
		2045
		2046	`#category-listing {`
		2047	`.listitem.collapsed>ul.ml {`
		2048	`display: none;`
		2049	`}`
		2050
		2051	`.listitem {`
		2052
		2053	`&:first-child>div .item-actions .action-moveup,`
		2054	`&:last-child>div .item-actions .action-movedown {`
		2055	`display: none;`
		2056	`}`
		2057	`}`
		2058
		2059	`.course-count {`
		2060	`padding: 3px 8px;`
		2061	`background-color: var(--primary-color-100);`
		2062	`border-radius: $btn-border-radius;`
		2063
		2064	`font-size: $font-size-xs;`
		2065	`font-weight: $font-weight-medium;`
		2066	`color: $body-color-secondary;`
		2067
		2068	`.theme-dark & {`
		2069	`background-color: $dm-gray-100;`
		2070	`color: $dm-body-color-secondary;`
		2071	`}`
		2072
		2073	`display: inline-flex;`
		2074	`flex-direction: row-reverse;`
		2075	`align-self: center;`
		2076	`align-items: center;`
		2077
		2078	`.icon {`
		2079	`margin: 0 6px 0 0;`
		2080	`width: 16px;`
		2081	`height: 16px;`
		2082	`line-height: 15px;`
		2083	`}`
		2084	`}`
		2085
		2086	`.bulk-action-checkbox {`
		2087	`margin-right: -3px;`
		2088	`}`
		2089
		2090	`.category-listing>ul>.listitem:first-child {`
		2091	`position: relative;`
		2092	`}`
		2093
		2094	`.category-bulk-actions {`
		2095	`margin: 0 0.5em 0.5em;`
		2096	`position: relative;`
		2097	`}`
		2098	`}`
		2099
		2100	`.detail-pair {`
		2101
		2102	`>* {`
		2103	`display: inline-block;`
		2104	`}`
		2105
		2106	`.pair-key {`
		2107	`font-weight: $font-weight-bold;`
		2108	`vertical-align: top;`
		2109
		2110	`span {`
		2111	`margin-right: 0;`
		2112	`display: block;`
		2113	`font-size: $font-size-xs;`
		2114	`text-align: right;`
		2115	`line-height: 1.4;`
		2116	`font-weight: $font-weight-medium;`
		2117	`}`
		2118	`}`
		2119
		2120	`.pair-value select {`
		2121	`max-width: 100%;`
		2122	`}`
		2123	`}`
		2124
		2125	`.bulk-actions .detail-pair {`
		2126	`>* {`
		2127	`display: block;`
		2128	`width: 100%;`
		2129	`}`
		2130	`}`
		2131
		2132	`.listing-pagination {`
		2133	`text-align: center;`
		2134
		2135	`.yui3-button {`
		2136	`@include button-variant($info, $info);`
		2137	`border: 0;`
		2138	`margin: 0.4rem 0.2rem 0.45rem;`
		2139	`font-size: 10.4px;`
		2140
		2141	`&.active-page {`
		2142	`@include button-variant($primary, $primary);`
		2143	`}`
		2144	`}`
		2145	`}`
		2146
		2147	`.listing-pagination-totals {`
		2148	`margin: 5px 10px 10px;`
		2149	`font-size: $font-size-xs;`
		2150	`text-align: right;`
		2151	`opacity: .7;`
		2152
		2153	`&.dimmed {`
		2154	`margin: 0.4rem 1rem 0.45rem;`
		2155	`}`
		2156	`}`
		2157
		2158	`.select-a-category .notifymessage,`
		2159	`.select-a-category .alert {`
		2160	`margin: 1em;`
		2161	`}`
		2162	`}`
		2163
		2164	`#course-category-listings #course-listing .listitem .drag-handle {`
		2165	`display: none;`
		2166	`}`
		2167
		2168	`.jsenabled #course-category-listings #course-listing .listitem .drag-handle {`
		2169	`display: flex;`
		2170	`margin: 0 10px 0 0;`
		2171	`cursor: pointer;`
		2172	`}`
		2173
		2174	`/ Management header styling /`
		2175	`.coursecat-management-header {`
		2176	`vertical-align: middle;`
		2177
		2178	`h2 {`
		2179	`display: inline-block;`
		2180	`text-align: left;`
		2181	`}`
		2182
		2183	`>div {`
		2184	`float: right;`
		2185
		2186	`>div {`
		2187	`margin: 10px 0 10px 1em;`
		2188	`display: inline-block;`
		2189	`}`
		2190	`}`
		2191
		2192	`select {`
		2193	`max-width: 300px;`
		2194	`cursor: pointer;`
		2195	`padding: 0.4em 0.5em 0.45em 1em;`
		2196	`vertical-align: baseline;`
		2197	`white-space: nowrap;`
		2198	`}`
		2199
		2200	`.view-mode-selector {`
		2201	`.moodle-actionmenu {`
		2202	`white-space: nowrap;`
		2203	`display: inline-block;`
		2204	`}`
		2205
		2206	`.moodle-actionmenu[data-enhanced].show .menu a {`
		2207	`padding-left: 1em;`
		2208	`}`
		2209	`}`
		2210	`}`
		2211
		2212	`.course-being-dragged-proxy {`
		2213	`border: 0;`
		2214	`color: $link-color;`
		2215	`vertical-align: middle;`
		2216	`padding: 0 0 0 4em;`
		2217	`}`
		2218
		2219	`.course-being-dragged {`
		2220	`opacity: 0.5;`
		2221	`}`
		2222
		2223	`/**`
		2224	`* Display sizes:`
		2225	`* Large displays 1200 +`
		2226	`* Default displays 980 1199`
		2227	`* Tablets 768 979`
		2228	`* Small tablets and large phones 481 767`
		2229	`* Phones 0 480`
		2230	`*/`
		2231
		2232	`#page-course-management #action_bar {`
		2233	`margin-bottom: 30px;`
		2234	`}`
		2235
		2236	`#course-category-listings {`
		2237	`padding: 0;`
		2238	`margin: 30px 0;`
		2239	`}`
		2240
		2241	`#category-listing,`
		2242	`#course-listing {`
		2243	`border: 1px solid $border-color;`
		2244	`border-radius: $btn-border-radius;`
		2245
		2246	`.theme-dark & {`
		2247	`border-color: $dm-border-color;`
		2248	`}`
		2249	`}`
		2250
		2251	`@media (min-width: 1200px) and (max-width: 1600px) {`
		2252	`#course-category-listings.columns-3 {`
		2253	`background-color: $body-bg;`
		2254	`border: 0;`
		2255
		2256	`#category-listing,`
		2257	`#course-listing {`
		2258	`width: 50%;`
		2259	`}`
		2260
		2261	`#category-listing>div,`
		2262	`#course-listing>div,`
		2263	`#course-detail>div {`
		2264	`background-color: $body-bg;`
		2265	`}`
		2266
		2267	`#course-detail {`
		2268	`width: 100%;`
		2269	`margin-top: 1em;`
		2270	`}`
		2271	`}`
		2272	`}`
		2273
		2274	`@media (max-width: 1199px) {`
		2275
		2276	`#course-category-listings.columns-2,`
		2277	`#course-category-listings.columns-3 {`
		2278	`border: 0;`
		2279
		2280	`#category-listing,`
		2281	`#course-listing,`
		2282	`#course-detail {`
		2283	`width: 100%;`
		2284	`margin: 0 0 1em;`
		2285	`}`
		2286	`}`
		2287	`}`
		2288
		2289
		2290	`.page-settings-menu .menubar>a>.icon {`
		2291	`width: auto;`
		2292	`height: 32px;`
		2293	`font-size: 32px;`
		2294	`}`
		2295
		2296	`.activity-navigation {`
		2297	`background-color: $gray-100;`
		2298
		2299	`padding: 10px;`
		2300	`border-radius: 30px;`
		2301
		2302	`@include media-breakpoint-between(xs, sm) {`
		2303	`padding: 0;`
		2304	`}`
		2305
		2306	`.theme-dark & {`
		2307	`background-color: $dm-gray-100;`
		2308	`}`
		2309
		2310	`.row {`
		2311	`align-items: center;`
		2312	`flex-wrap: nowrap;`
		2313	`}`
		2314
		2315	`#jump-to-activity.custom-select {`
		2316	`margin: 0 auto;`
		2317	`}`
		2318
		2319	`.text-truncate {`
		2320	`max-width: 200px;`
		2321
		2322	`@include media-breakpoint-between(xs, sm) {`
		2323	`display: none;`
		2324	`}`
		2325	`}`
		2326
		2327	`@include media-breakpoint-between(xs, sm) {`
		2328	`.urlselect {`
		2329	`margin: 10px 0;`
		2330	`}`
		2331
		2332	`.btn {`
		2333	`width: 100%;`
		2334	`}`
		2335	`}`
		2336
		2337	`}`
		2338
		2339
		2340	`.rui-forum-nav-btns,`
		2341	`#prev-activity-link,`
		2342	`#next-activity-link {`
		2343	`white-space: pre-wrap;`
		2344	`position: relative;`
		2345
		2346	`background-repeat: no-repeat;`
		2347	`background-size: 20px;`
		2348
		2349	`height: 40px;`
		2350	`border-radius: 30px;`
		2351	`}`
		2352
		2353	`.rui-btn-action-link {`
		2354	`padding: 10px;`
		2355
		2356	`&.current {`
		2357	`background-color: $gray-300;`
		2358	`color: $gray-700;`
		2359
		2360	`.theme-dark & {`
		2361	`background-color: $dm-gray-300;`
		2362	`color: $dm-gray-600;`
		2363	`}`
		2364	`}`
		2365
		2366	`&:hover {`
		2367	`background-color: $gray-400;`
		2368	`color: $gray-800;`
		2369
		2370	`.theme-dark & {`
		2371	`background-color: $dm-gray-400;`
		2372	`color: $dm-gray-800;`
		2373	`}`
		2374
		2375	`}`
		2376	`}`
		2377
		2378	`.prev-discussion .rui-forum-nav-btns,`
		2379	`#prev-activity-link {`
		2380	`padding-left: 30px;`
		2381	`background-position: center;`
		2382	`background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='#{url-friendly-colour($body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.25 6.75L4.75 12L10.25 17.25'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19.25 12H5'%3E%3C/path%3E%3C/svg%3E%0A");`
		2383
		2384	`@include media-breakpoint-between(xs, sm) {`
		2385	`padding-left: 30px;`
		2386	`}`
		2387
		2388	`.theme-dark & {`
		2389	`background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='#{url-friendly-colour($dm-body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.25 6.75L4.75 12L10.25 17.25'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($dm-body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19.25 12H5'%3E%3C/path%3E%3C/svg%3E%0A");`
		2390	`}`
		2391	`}`
		2392
		2393	`.next-discussion .rui-forum-nav-btns,`
		2394	`#next-activity-link {`
		2395	`padding-right: 30px;`
		2396	`background-position: center;`
		2397	`background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='#{url-friendly-colour($body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13.75 6.75L19.25 12L13.75 17.25'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 12H4.75'%3E%3C/path%3E%3C/svg%3E%0A");`
		2398
		2399	`@include media-breakpoint-between(xs, sm) {`
		2400	`padding-right: 30px;`
		2401	`}`
		2402
		2403	`.theme-dark & {`
		2404	`background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='#{url-friendly-colour($dm-body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13.75 6.75L19.25 12L13.75 17.25'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($dm-body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 12H4.75'%3E%3C/path%3E%3C/svg%3E%0A");`
		2405	`}`
		2406	`}`
		2407
		2408	`// ---- URL: course/editbulkcompletion.php`
		2409	`.activityinstance-title {`
		2410	`font-weight: $font-weight-medium;`
		2411	`color: $body-color;`
		2412
		2413	`.theme-dark & {`
		2414	`color: $dm-body-color;`
		2415	`}`
		2416
		2417	`&:hover {`
		2418	`text-decoration: none;`
		2419	`color: $link-hover-color;`
		2420	`}`
		2421	`}`
		2422
		2423	`.rui-section {`
		2424	`margin: 0 0 $page-padding-global;`
		2425	`padding: 0;`
		2426
		2427	`list-style: none;`
		2428
		2429	`&:last-of-type {`
		2430	`margin-bottom: 0;`
		2431	`}`
		2432	`}`
		2433
		2434	`.summary+.rui-section {`
		2435	`margin-top: $page-padding-global;`
		2436	`}`
		2437
		2438	`.rui-single-section--with-nav {`
		2439	`padding: 30px 30px 20px;`
		2440	`border: 1px solid $border-color;`
		2441	`border-radius: $btn-border-radius;`
		2442
		2443	`@include media-breakpoint-between(xs, md) {`
		2444	`padding: 10px;`
		2445	`}`
		2446
		2447	`.theme-dark & {`
		2448	`border: 1px solid $dm-border-color;`
		2449	`}`
		2450
		2451	`.sectionname {`
		2452	`margin-top: 0;`
		2453	`margin-bottom: 1rem;`
		2454	`}`
		2455	`}`
		2456
		2457
		2458	`.rui-course-nav-btn {`
		2459	`display: inline-flex;`
		2460	`align-items: center;`
		2461	`}`
		2462
		2463	`.rui-course-nav-btn-icon {`
		2464	`width: 40px;`
		2465	`height: 40px;`
		2466
		2467	`background-color: $container-bg;`
		2468	`border-radius: $btn-border-radius;`
		2469
		2470	`color: $body-color;`
		2471
		2472	`display: flex;`
		2473	`justify-content: center;`
		2474	`align-items: center;`
		2475
		2476	`.theme-dark & {`
		2477	`background-color: $dm-container-bg;`
		2478	`color: $dm-body-color;`
		2479	`}`
		2480	`}`
		2481
		2482	`.rui-course-nav-btn-label {`
		2483	`display: inline-block;`
		2484	`font-size: $font-size-md;`
		2485	`font-weight: $font-weight-medium;`
		2486	`color: inherit;`
		2487	`max-width: 200px;`
		2488
		2489	`@include media-breakpoint-between(xs, md) {`
		2490	`display: none;`
		2491	`}`
		2492	`}`
		2493
		2494
		2495	`.rui-availabilityinfo {`
		2496	`padding: 5px 10px;`
		2497
		2498	`display: inline-flex;`
		2499	`align-items: center;`
		2500
		2501	`background-color: $blue-100;`
		2502	`border-radius: $btn-border-radius;`
		2503
		2504	`font-size: $font-size-md;`
		2505	`font-weight: $font-weight-medium;`
		2506	`color: $body-color;`
		2507
		2508	`.description & {`
		2509	`margin-left: 53px;`
		2510	`}`
		2511
		2512	`&.course-description-item {`
		2513	`margin: 0 !important;`
		2514	`}`
		2515
		2516	`&.ishidden {`
		2517	`background-color: $yellow-100;`
		2518	`display: flex;`
		2519
		2520	`.theme-dark & {`
		2521	`color: $yellow-800;`
		2522	`background-color: $dm-gray-200;`
		2523	`}`
		2524	`}`
		2525
		2526	`a {`
		2527	`color: $blue-600;`
		2528
		2529	`&:hover {`
		2530	`color: $blue-700;`
		2531	`}`
		2532	`}`
		2533
		2534	`&.isrestricted {`
		2535	`background-color: $yellow-100;`
		2536	`margin-top: 10px;`
		2537	`margin-bottom: 10px;`
		2538
		2539	`a {`
		2540	`color: $yellow-800;`
		2541
		2542	`&:hover {`
		2543	`color: $yellow-900;`
		2544	`}`
		2545	`}`
		2546	`}`
		2547
		2548	`.rui-availabilityinfo-text {`
		2549	`margin-top: 1px;`
		2550	`}`
		2551
		2552	`ul {`
		2553	`margin: 10px 10px 10px 20px;`
		2554	`line-height: 1.8;`
		2555	`}`
		2556
		2557	`div {`
		2558	`display: inline-flex;`
		2559	`align-items: center;`
		2560	`}`
		2561	`}`
		2562
		2563
		2564	`/* Activity Item Section */`
		2565	`.rui-activity-information {`
		2566	`font-size: $font-size-xs;`
		2567
		2568	`.path-course & {`
		2569
		2570	`margin: 0 0 0 $rui-date-margin-left;`
		2571	`}`
		2572
		2573	`@include media-breakpoint-down(sm) {`
		2574	`overflow-x: auto;`
		2575	`}`
		2576	`}`
		2577
		2578
		2579	`.rui-activity--hascompletion {`
		2580	`@include media-breakpoint-between(xs, sm) {`
		2581	`width: 100% !important;`
		2582	`}`
		2583	`}`
		2584
		2585	`.rui-activityinstance {`
		2586	`@include media-breakpoint-between(xs, sm) {`
		2587	`.rui--activity-is-manual & {`
		2588	`margin-left: 55px;`
		2589	`}`
		2590	`}`
		2591
		2592	`a {`
		2593	`display: flex;`
		2594	`align-items: center;`
		2595	`justify-content: flex-start;`
		2596	`color: $body-color;`
		2597
		2598	`.theme-dark & {`
		2599	`color: $dm-body-color;`
		2600	`}`
		2601
		2602	`&:hover {`
		2603	`text-decoration: none;`
		2604	`color: $link-hover-color;`
		2605	`}`
		2606	`}`
		2607	`}`
		2608
		2609	`$activityiconsize: 40px;`
		2610
		2611	`.rui-activityicon {`
		2612	`width: $activityiconsize;`
		2613	`height: $activityiconsize;`
		2614
		2615	`margin-right: 20px;`
		2616	`}`
		2617
		2618	`.instancename,`
		2619	`.rui-instancename {`
		2620	`font-size: 0.938rem; // 15px`
		2621	`font-weight: $font-weight-bold;`
		2622	`color: $body-color;`
		2623
		2624	`.theme-dark & {`
		2625	`color: $dm-body-color;`
		2626	`}`
		2627
		2628	`@include media-breakpoint-between(xs, sm) {`
		2629	`display: block;`
		2630	`font-size: $font-size-sm;`
		2631	`}`
		2632	`}`
		2633
		2634	`.rui-pluginname {`
		2635	`font-size: $font-size-xs;`
		2636	`font-weight: $font-weight-normal;`
		2637	`color: $body-color-light;`
		2638
		2639	`.theme-dark & {`
		2640	`color: $dm-body-color-light;`
		2641	`}`
		2642	`}`
		2643
		2644	`.resourcelinkdetails {`
		2645	`display: block;`
		2646	`margin-top: 10px;`
		2647
		2648	`font-size: $font-size-xs;`
		2649	`color: $body-color-light;`
		2650	`}`
		2651
		2652	`.rui-contentafterlink {`
		2653	`font-size: .875rem;`
		2654	`color: $body-color-secondary;`
		2655
		2656	`&:empty {`
		2657	`display: none;`
		2658	`}`
		2659
		2660	`@include media-breakpoint-up(md) {`
		2661	`margin: 0 $rui-date-margin-left;`
		2662	`}`
		2663
		2664	`@include media-breakpoint-between(xs, sm) {`
		2665	`margin: 10px 0 0;`
		2666	`}`
		2667
		2668	`.theme-dark & {`
		2669	`color: $dm-body-color-secondary;`
		2670	`}`
		2671
		2672	`.label & {`
		2673	`margin: 0;`
		2674	`}`
		2675
		2676	`img {`
		2677	`max-width: 100%;`
		2678	`height: auto;`
		2679	`border-radius: $btn-border-radius;`
		2680	`}`
		2681	`}`
		2682
		2683	`.rui-contentwithoutlink {`
		2684	`font-size: 1.125rem;`
		2685	`}`
		2686
		2687
		2688	`$rui-date-margin: $rui-date-margin-left + 10px !default;`
		2689
		2690	`.rui-activity-dates {`
		2691	`margin-left: 0;`
		2692	`margin-top: 0;`
		2693	`margin-bottom: 0;`
		2694
		2695	`display: inline-flex;`
		2696	`flex-wrap: wrap;`
		2697	`align-items: center;`
		2698	`font-size: $font-size-xs;`
		2699	`color: $body-color-light;`
		2700
		2701	`.rui-section & {`
		2702	`padding: 0 $rui-date-margin 12px;`
		2703	`width: calc(100% + 24px);`
		2704	`border-bottom: 1px dashed $border-color;`
		2705	`margin: 0 -12px 10px;`
		2706
		2707	`.theme-dark & {`
		2708	`border-color: $dm-border-color;`
		2709	`}`
		2710	`}`
		2711
		2712	`.theme-dark & {`
		2713	`color: $dm-body-color-light;`
		2714	`}`
		2715
		2716	`@include media-breakpoint-between(xs, md) {`
		2717	`margin-left: 0;`
		2718	`}`
		2719
		2720	`.rui-activity--hasnotcompletion &,`
		2721	`.rui--activity-is-automatic & {`
		2722	`left: $rui-date-margin-left * 0.5;`
		2723
		2724	`@include media-breakpoint-between(xs, md) {`
		2725	`left: 0;`
		2726	`}`
		2727
		2728	`@include media-breakpoint-between(xs, sm) {`
		2729	`position: relative;`
		2730	`}`
		2731	`}`
		2732
		2733	`div {`
		2734	`color: $body-color-secondary;`
		2735
		2736	`.theme-dark & {`
		2737	`color: $dm-body-color-secondary;`
		2738	`}`
		2739
		2740	`strong {`
		2741	`color: $body-color;`
		2742
		2743	`.theme-dark & {`
		2744	`color: $dm-body-color;`
		2745	`}`
		2746	`}`
		2747
		2748	`&:last-of-type {`
		2749	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='#{url-friendly-colour($body-color)}' d='M13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12Z'%3E%3C/path%3E%3Cpath fill='#{url-friendly-colour($body-color)}' d='M9 12C9 12.5523 8.55228 13 8 13C7.44772 13 7 12.5523 7 12C7 11.4477 7.44772 11 8 11C8.55228 11 9 11.4477 9 12Z'%3E%3C/path%3E%3Cpath fill='#{url-friendly-colour($body-color)}' d='M17 12C17 12.5523 16.5523 13 16 13C15.4477 13 15 12.5523 15 12C15 11.4477 15.4477 11 16 11C16.5523 11 17 11.4477 17 12Z'%3E%3C/path%3E%3C/svg%3E%0A");
		2750	`background-repeat: no-repeat;`
		2751	`background-position: 10px;`
		2752	`padding-left: 45px;`
		2753
		2754	`.theme-dark & {`
		2755	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='#{url-friendly-colour($dm-body-color)}' d='M13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12Z'%3E%3C/path%3E%3Cpath fill='#{url-friendly-colour($dm-body-color)}' d='M9 12C9 12.5523 8.55228 13 8 13C7.44772 13 7 12.5523 7 12C7 11.4477 7.44772 11 8 11C8.55228 11 9 11.4477 9 12Z'%3E%3C/path%3E%3Cpath fill='#{url-friendly-colour($dm-body-color)}' d='M17 12C17 12.5523 16.5523 13 16 13C15.4477 13 15 12.5523 15 12C15 11.4477 15.4477 11 16 11C16.5523 11 17 11.4477 17 12Z'%3E%3C/path%3E%3C/svg%3E%0A");
		2756	`}`
		2757
		2758
		2759	`@include media-breakpoint-between(xs, sm) {`
		2760	`background: none;`
		2761	`margin-top: 10px;`
		2762	`padding-left: 0;`
		2763	`}`
		2764	`}`
		2765	`}`
		2766	`}`
		2767
		2768	`.rui-conditionalhidden {`
		2769	`position: relative;`
		2770
		2771	`background-color: $gray-100;`
		2772
		2773	`opacity: .5;`
		2774	`transition: $transition-base;`
		2775
		2776	`.theme-dark & {`
		2777	`background-color: $dm-gray-100;`
		2778	`}`
		2779
		2780	`&:hover {`
		2781	`background-color: transparent;`
		2782	`opacity: 1;`
		2783	`}`
		2784
		2785	`&:before {`
		2786	`content: '';`
		2787
		2788	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='#{url-friendly-colour($body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18.6247 10C19.0646 10.8986 19.25 11.6745 19.25 12C19.25 13 17.5 18.25 12 18.25C11.2686 18.25 10.6035 18.1572 10 17.9938M7 16.2686C5.36209 14.6693 4.75 12.5914 4.75 12C4.75 11 6.5 5.75 12 5.75C13.7947 5.75 15.1901 6.30902 16.2558 7.09698'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 4.75L4.75 19.25'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.409 13.591C9.53033 12.7123 9.53033 11.2877 10.409 10.409C11.2877 9.5303 12.7123 9.5303 13.591 10.409'%3E%3C/path%3E%3C/svg%3E%0A");
		2789	`background-size: 16px;`
		2790	`background-color: $gray-300;`
		2791	`background-position: center;`
		2792	`background-repeat: no-repeat;`
		2793
		2794	`position: absolute;`
		2795	`top: 1px;`
		2796	`left: 1px;`
		2797
		2798	`border-radius: $btn-border-radius;`
		2799
		2800	`width: 20px;`
		2801	`height: 20px;`
		2802
		2803	`.theme-dark & {`
		2804	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='#{url-friendly-colour($dm-body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18.6247 10C19.0646 10.8986 19.25 11.6745 19.25 12C19.25 13 17.5 18.25 12 18.25C11.2686 18.25 10.6035 18.1572 10 17.9938M7 16.2686C5.36209 14.6693 4.75 12.5914 4.75 12C4.75 11 6.5 5.75 12 5.75C13.7947 5.75 15.1901 6.30902 16.2558 7.09698'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($dm-body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 4.75L4.75 19.25'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($dm-body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.409 13.591C9.53033 12.7123 9.53033 11.2877 10.409 10.409C11.2877 9.5303 12.7123 9.5303 13.591 10.409'%3E%3C/path%3E%3C/svg%3E%0A");
		2805	`}`
		2806
		2807	`}`
		2808
		2809	`}`
		2810
		2811	`.rui-course-summary:not(:empty) {`
		2812	`margin: 10px 0;`
		2813	`font-size: $font-size-md;`
		2814
		2815	`@include media-breakpoint-between(xs, sm) {`
		2816	`font-size: $font-size-sm;`
		2817	`}`
		2818	`}`
		2819
		2820	`.rui--activity-is-manual {`
		2821	`position: relative;`
		2822	`}`
		2823
		2824	`// Mods`
		2825	`.rui--activity-hasdates {`
		2826	`padding-top: 40px;`
		2827
		2828	`@include media-breakpoint-between(xs, sm) {`
		2829	`padding-top: 0;`
		2830	`}`
		2831	`}`
		2832
		2833	`// End.`
		2834
		2835
		2836	`.btn--activity-manual {`
		2837	`padding: 0;`
		2838	`background-color: transparent;`
		2839	`border: none;`
		2840
		2841	`color: $body-color-light;`
		2842
		2843	`.theme-dark & {`
		2844	`color: $dm-body-color-light;`
		2845	`}`
		2846
		2847	`.loading-icon {`
		2848	`position: relative;`
		2849	`width: 30px;`
		2850	`height: 30px;`
		2851	`display: flex;`
		2852	`align-items: center;`
		2853	`justify-items: center;`
		2854	`}`
		2855	`}`
		2856
		2857	`.path-grade,`
		2858	`.path-mod {`
		2859	`.rui-activity-wrapper {`
		2860	`display: flex;`
		2861	`flex-wrap: wrap;`
		2862
		2863	`border: 1px solid $border-color;`
		2864	`border-radius: $btn-border-radius;`
		2865	`padding: 5px;`
		2866
		2867	`.theme-dark & {`
		2868	`border-color: $dm-border-color;`
		2869	`}`
		2870
		2871	`margin-top: 0;`
		2872	`margin-bottom: $page-padding-global;`
		2873
		2874	`overflow: hidden;`
		2875
		2876	`&:empty {`
		2877	`display: none;`
		2878	`}`
		2879
		2880	`&.rui-activity--hasnotcompletion {`
		2881	`padding-bottom: 0;`
		2882	`border: none;`
		2883	`}`
		2884
		2885	`.automatic-completion-conditions {`
		2886	`width: 100%;`
		2887	`display: inline-flex;`
		2888	`justify-content: flex-start;`
		2889	`flex-flow: wrap;`
		2890	`}`
		2891
		2892	`.rui-activity-information {`
		2893	`display: flex;`
		2894	`flex-wrap: wrap;`
		2895
		2896	`@include media-breakpoint-between(xs, md) {`
		2897	`overflow-x: auto;`
		2898	`}`
		2899	`}`
		2900
		2901	`&.rui-activity--hasnotcompletion {`
		2902	`.rui-activity-information {`
		2903	`margin-bottom: 0;`
		2904	`border-bottom: none;`
		2905	`}`
		2906	`}`
		2907
		2908	`.rui-activity-dates,`
		2909	`.rui-completion-info--manual {`
		2910	`position: relative;`
		2911	`}`
		2912
		2913	`.rui-completion-info--manual {`
		2914	`.btn {`
		2915	`height: 42px;`
		2916	`}`
		2917	`}`
		2918
		2919	`.rui-activity-dates {`
		2920	`left: auto;`
		2921	`}`
		2922
		2923	`}`
		2924	`}`
		2925
		2926	`.rui--activity-notautomatic,`
		2927	`.rui--activity-is-manual {`
		2928	`.activity-badges {`
		2929	`padding-left: $rui-date-margin-left;`
		2930	`margin-bottom: 15px !important;`
		2931	`}`
		2932	`}`
		2933
		2934	`.modtype_label .activity-badges {`
		2935	`padding: 0;`
		2936	`}`
		2937
		2938	`// Dark mode.`
		2939	`.theme-dark.path-mod {`
		2940	`.rui-activity-wrapper {`
		2941	`border-color: $dm-border-color;`
		2942	`}`
		2943	`}`
		2944
		2945	`.rui-activity-information .rui-completion-info-wrapper {`
		2946	`.btn {`
		2947	`height: 42px;`
		2948	`}`
		2949	`}`
		2950
		2951	`/* end of Activity Item Section */`
		2952
		2953
		2954	`// * Formats - Topics`
		2955	`.rui-activity-content {`
		2956	`position: relative;`
		2957	`display: inherit;`
		2958
		2959	`.inplaceeditable-text {`
		2960	`display: flex;`
		2961	`align-items: center;`
		2962	`flex-wrap: wrap;`
		2963
		2964	`.quickeditlink {`
		2965	`margin-left: .35rem;`
		2966	`}`
		2967	`}`
		2968	`}`
		2969
		2970	`.rui-course-sectionname {`
		2971	`font-size: 1.125rem; //18px`
		2972	`color: $headings-color;`
		2973
		2974	`a {`
		2975	`color: $headings-color;`
		2976
		2977	`.theme-dark & {`
		2978	`color: $dm-headings-color;`
		2979	`}`
		2980
		2981	`&:hover {`
		2982	`color: $link-color;`
		2983
		2984	`.theme-dark & {`
		2985	`color: $dm-link-color;`
		2986	`}`
		2987	`}`
		2988	`}`
		2989	`}`
		2990
		2991	`.rui-activity-edit-wrapper {`
		2992	`padding: 10px;`
		2993	`margin-bottom: 15px;`
		2994
		2995	`display: flex;`
		2996	`flex-wrap: wrap;`
		2997	`justify-content: space-between;`
		2998
		2999	`background-color: $gray-100;`
		3000	`border-radius: $btn-border-radius;`
		3001
		3002	`.theme-dark & {`
		3003	`background-color: $dm-gray-100;`
		3004	`}`
		3005
		3006	`.activity:hover & {`
		3007	`background-color: $gray-300;`
		3008
		3009	`.theme-dark & {`
		3010	`background-color: $dm-gray-300;`
		3011	`}`
		3012	`}`
		3013
		3014	`.dropdown-btn {`
		3015	`align-items: center;`
		3016
		3017	`padding: 10px 18px;`
		3018	`background-color: $white;`
		3019	`border-radius: $btn-border-radius;`
		3020
		3021	`font-size: 13px;`
		3022	`color: $gray-900;`
		3023
		3024	`.theme-dark & {`
		3025	`background-color: $dm-white;`
		3026	`color: $dm-gray-900;`
		3027	`}`
		3028	`}`
		3029
		3030	`.aabtn.menu-action .icon {`
		3031	`padding: 0;`
		3032	`background-color: transparent;`
		3033	`}`
		3034
		3035	`.moodle-core-dragdrop-draghandle {`
		3036	`margin-left: 0;`
		3037
		3038	`@include media-breakpoint-down(md) {`
		3039	`margin-bottom: 10px;`
		3040	`}`
		3041	`}`
		3042	`}`
		3043
		3044	`/* Activity Chooser */`
		3045	`.rui-activitychooser-bg {`
		3046	`background-color: $gray-100;`
		3047	`border-radius: $btn-border-radius;`
		3048
		3049	`.theme-dark & {`
		3050	`background-color: $dm-gray-100;`
		3051	`}`
		3052	`}`
		3053
		3054	`.rui-optionicon {`
		3055	`display: inline-flex;`
		3056	`align-content: center;`
		3057
		3058	`img {`
		3059	`width: 20px;`
		3060	`height: 20px;`
		3061	`margin-right: 10px;`
		3062	`margin-left: 3px;`
		3063	`}`
		3064	`}`
		3065
		3066	`.rui-optionname {`
		3067	`font-size: $font-size-md;`
		3068	`font-weight: $font-weight-medium;`
		3069	`line-height: 1.2;`
		3070	`color: $body-color;`
		3071
		3072	`.theme-dark & {`
		3073	`color: $dm-body-color;`
		3074	`}`
		3075	`}`
		3076
		3077	`/* Course Format - Topics */`
		3078	`.course-card-link {`
		3079	`&:hover {`
		3080	`text-decoration: none;`
		3081
		3082	`.rui-course-format-card {`
		3083	`width: 100%;`
		3084	`background-color: var(--primary-color-100);`
		3085	`border-color: var(--primary-color-100);`
		3086
		3087	`.theme-dark & {`
		3088	`background-color: $primary-color-700;`
		3089	`border-color: var(--primary-color-100);`
		3090	`}`
		3091	`}`
		3092
		3093	`.course-progressbar-wrapper {`
		3094	`background-color: $container-bg;`
		3095
		3096	`.theme-dark & {`
		3097	`background-color: $dm-gray-100;`
		3098	`}`
		3099	`}`
		3100	`}`
		3101	`}`
		3102
		3103	`.rui-section-summary-activities {`
		3104	`margin: 15px -20px 0;`
		3105	`padding: 15px 20px 0;`
		3106	`border-top: 2px dashed $border-color;`
		3107
		3108	`font-size: $font-size-xs;`
		3109	`color: $body-color-light;`
		3110
		3111	`.theme-dark & {`
		3112	`color: $dm-body-color-light;`
		3113	`border-color: $dm-border-color;`
		3114	`}`
		3115
		3116	`.activity-count {`
		3117	`margin-right: .5rem;`
		3118	`padding-right: .5rem;`
		3119	`border-right: 1px solid $border-color;`
		3120
		3121	`.theme-dark & {`
		3122	`border-color: $dm-border-color;`
		3123	`}`
		3124
		3125	`&:last-of-type {`
		3126	`margin-right: 0;`
		3127	`padding-right: 0;`
		3128	`border-right: none;`
		3129	`}`
		3130	`}`
		3131	`}`
		3132
		3133	`.rui-progress--complete {`
		3134	`padding: 3px;`
		3135	`font-weight: $font-weight-bold;`
		3136	`}`
		3137
		3138	`.rui-progress--total {`
		3139	`padding: 3px;`
		3140	`font-weight: $font-weight-bold;`
		3141	`opacity: .7;`
		3142	`}`
		3143
		3144
		3145	`// Format Course Multitopic`
		3146	`ul.sections {`
		3147	`padding: 0;`
		3148	`}`
		3149
		3150	`.format-multitopic {`
		3151
		3152	`.completionprogress {`
		3153	`margin: 10px 0;`
		3154	`}`
		3155
		3156	`.sections {`
		3157	`.section_subtitle {`
		3158	`display: block;`
		3159	`margin-top: 10px;`
		3160	`font-family: $font-family-base;`
		3161	`font-weight: $font-weight-normal;`
		3162	`font-size: $font-size-xs;`
		3163	`color: $body-color-light;`
		3164	`}`
		3165	`}`
		3166
		3167
		3168	`.section-topic-timed {`
		3169	`margin: 10px 0;`
		3170	`padding: 10px;`
		3171	`border: 1px solid $border-color;`
		3172	`border-radius: $btn-border-radius;`
		3173
		3174	`.theme-dark & {`
		3175	`border-color: $dm-border-color;`
		3176	`}`
		3177
		3178	`.summary,`
		3179	`.comntent .rui-section {`
		3180	`padding: 10px 25px;`
		3181	`}`
		3182
		3183	`&.section-expanded {`
		3184	`border: 2px solid var(--primary-color-100);`
		3185	`}`
		3186
		3187	`.rui-main-content-title {`
		3188	`margin: 10px 40px 10px 25px;`
		3189	`}`
		3190
		3191	`.rui-section {`
		3192	`margin-bottom: 0;`
		3193	`}`
		3194
		3195	`.rui-title-container {`
		3196	`position: relative;`
		3197	`margin-bottom: 0;`
		3198
		3199	`.icon {`
		3200	`position: absolute;`
		3201	`top: 5px;`
		3202	`right: 5px;`
		3203
		3204	`display: flex;`
		3205	`align-items: center;`
		3206	`justify-content: center;`
		3207
		3208	`width: 30px;`
		3209	`height: 30px;`
		3210	`background-color: $gray-100;`
		3211	`border-radius: 30px;`
		3212
		3213	`.theme-dark & {`
		3214	`background-color: $dm-gray-100;`
		3215	`}`
		3216	`}`
		3217	`}`
		3218
		3219	`.rui-activity-dates {`
		3220	`left: $rui-date-margin-left;`
		3221	`}`
		3222	`}`
		3223	`}`
		3224
		3225	`// Format CourseCollapsible Weeks`
		3226	`.editing .weeks .rui-title-container {`
		3227	`margin: $page-padding-global 0 10px;`
		3228	`padding: 10px;`
		3229	`}`
		3230
		3231	`.rui-course-content-intro {`
		3232	`padding: 0;`
		3233	`margin-bottom: $page-padding-global;`
		3234
		3235	`.rui-section {`
		3236	`margin-top: 15px;`
		3237	`}`
		3238
		3239	`.rui-title-container {`
		3240	`margin-bottom: 10px;`
		3241	`}`
		3242
		3243	`.rui-section-summary-activities {`
		3244	`margin: 15px 0 0;`
		3245	`padding: 5px 8px;`
		3246	`width: 100%;`
		3247
		3248	`background-color: $gray-100;`
		3249	`border: none;`
		3250	`border-radius: $btn-border-radius;`
		3251
		3252	`.theme-dark & {`
		3253	`background-color: $dm-gray-100;`
		3254	`}`
		3255	`}`
		3256
		3257	`.rui-main-content-title--h4 {`
		3258	`font-size: 2.5rem; //40px`
		3259	`}`
		3260
		3261	`.summarytext {`
		3262	`font-size: $font-size-base;`
		3263	`}`
		3264	`}`
		3265
		3266	`.format-collapsibleweeks {`
		3267	`.collapsibleweeks {`
		3268	`.rui-activity-dates {`
		3269	`left: 77px;`
		3270	`}`
		3271	`}`
		3272	`}`
		3273
		3274	`.course-content ul.collapsibleweeks .content .summarytext {`
		3275	`margin: 10px 0;`
		3276	`}`
		3277
		3278	`body.editing ul.collapsibleweeks .content .summarytext {`
		3279	`margin-left: 0;`
		3280	`}`
		3281
		3282	`.course-content ul.collapsibleweeks li.section .content {`
		3283	`margin: 0 0 10px;`
		3284	`padding: 15px 20px;`
		3285
		3286	`body:not(.editing) & {`
		3287	`&:hover {`
		3288	`transform: translateY(-3px);`
		3289	`}`
		3290	`}`
		3291
		3292	`}`
		3293
		3294	`.course-content ul.collapsibleweeks li.section .right {`
		3295	`padding: 0;`
		3296	`}`
		3297
		3298	`.course-content ul.collapsibleweeks a.sectiontoggle {`
		3299	`margin: 0;`
		3300	`}`
		3301
		3302	`body.editing .course-content ul.collapsibleweeks li.section .left.side {`
		3303	`margin-left: 10px;`
		3304
		3305	`.moodle-core-dragdrop-draghandle {`
		3306	`margin-right: 20px;`
		3307	`}`
		3308	`}`
		3309
		3310	`.course-content ul.collapsibleweeks li.section .sectionname:empty {`
		3311	`display: none;`
		3312	`}`
		3313
		3314	`.collapsibleweeks .progress {`
		3315	`display: none;`
		3316	`}`
		3317
		3318	`.rui-sectiontoggle {`
		3319	`display: block;`
		3320
		3321	`padding: 0 !important;`
		3322
		3323	`background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='#{url-friendly-colour($body-color)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E ") !important;`
		3324	`background-position: right !important;`
		3325	`background-repeat: no-repeat;`
		3326	`background-size: 16px !important;`
		3327	`background-color: transparent;`
		3328
		3329	`&.collapsed {`
		3330	`background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='#{url-friendly-colour($body-color)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E") !important;`
		3331	`}`
		3332
		3333	`&:hover {`
		3334	`text-decoration: none;`
		3335	`}`
		3336	`}`
		3337
		3338	`.rui-sectiontoggle,`
		3339	`.course-content .collapsible-actions a.collapseall {`
		3340	`background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='#{url-friendly-colour($body-color)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E ") !important;`
		3341	`}`
		3342
		3343	`.course-content .collapsible-actions a.collapseall {`
		3344	`background-position: 0 !important;`
		3345	`background-size: 18px !important;`
		3346	`}`
		3347
		3348	`.catlevel1 {`
		3349	`li {`
		3350	`padding: .35rem 0;`
		3351	`margin: .35rem;`
		3352
		3353	`.itemicon {`
		3354	`margin-right: .35rem;`
		3355	`width: 30px;`
		3356	`height: 30px;`
		3357	`}`
		3358	`}`
		3359	`}`
		3360
		3361
		3362	`// Mods`
		3363	`.rui-category-actions {`
		3364	`margin-top: 10px;`
		3365	`margin-left: 115px;`
		3366	`width: 100%;`
		3367	`position: relative;`
		3368
		3369	`.course-item-actions {`
		3370	`width: 100%;`
		3371
		3372	`.action-delete {`
		3373	`position: absolute;`
		3374	`right: 10px;`
		3375	`}`
		3376	`}`
		3377	`}`
		3378
		3379	`.course-item-actions {`
		3380	`display: inline-flex;`
		3381	`}`
		3382
		3383	`.errorbox {`
		3384	`padding: $alert-padding-y $alert-padding-x;`
		3385	`margin-top: $page-padding-global;`
		3386
		3387	`background-color: $red-100;`
		3388	`position: relative;`
		3389
		3390	`border: $alert-border-width solid transparent;`
		3391	`@include border-radius($alert-border-radius);`
		3392
		3393	`font-size: $font-size-md;`
		3394	`font-weight: $font-weight-medium;`
		3395
		3396	`color: $red-900;`
		3397
		3398	`.theme-dark & {`
		3399	`background-color: $red-900;`
		3400	`color: $red-100;`
		3401	`}`
		3402	`}`
		3403
		3404
		3405	`// Recent activities`
		3406	`#page-course-recent {`
		3407	`.list-unstyled {`
		3408	`li {`
		3409	`padding: .5rem 0;`
		3410	`font-size: $font-size-md;`
		3411	`font-weight: $font-weight-medium;`
		3412
		3413	`.rui-icon-container {`
		3414	`margin-right: .25rem;`
		3415	`}`
		3416	`}`
		3417	`}`
		3418	`}`
		3419
		3420	`//Moodle 4.0`
		3421	`.block-add {`
		3422	`width: 100%;`
		3423	`margin: .35rem 0;`
		3424	`border-radius: $btn-border-radius;`
		3425	`background-color: var(--primary-color-100);`
		3426	`color: $primary-color-600;`
		3427	`border-width: $border-width;`
		3428
		3429	`.theme-dark & {`
		3430	`background-color: var(--primary-color-100);`
		3431	`color: $primary-color-600;`
		3432	`}`
		3433
		3434	`.pluscontainer {`
		3435	`border: 1px solid var(--primary-color-100);`
		3436	`}`
		3437
		3438	`&:hover {`
		3439	`cursor: pointer;`
		3440	`background-color: var(--primary-color-100);`
		3441	`color: $primary-color-600;`
		3442
		3443	`.theme-dark & {`
		3444	`background-color: var(--primary-color-100);`
		3445	`color: $primary-color-600;`
		3446	`}`
		3447
		3448	`.activity-add-text {`
		3449	`text-decoration: underline;`
		3450	`}`
		3451	`}`
		3452	`}`
		3453
		3454	`.section-collapsemenu {`
		3455	`.collapseall {`
		3456	`display: block;`
		3457	`}`
		3458
		3459	`.expandall {`
		3460	`display: none;`
		3461	`}`
		3462
		3463	`&.collapsed {`
		3464	`.collapseall {`
		3465	`display: none;`
		3466	`}`
		3467
		3468	`.expandall {`
		3469	`display: block;`
		3470	`}`
		3471	`}`
		3472	`}`
		3473
		3474	`.rui-course-header--color {`
		3475	`padding: 40px 60px;`
		3476	`background-color: var(--primary-color-100);`
		3477	`border-radius: $btn-border-radius;`
		3478	`}`
		3479
		3480	`.rui-course-header-btn {`
		3481	`.sectionname {`
		3482	`font-size: 1.125rem; // 18px.`
		3483	`font-weight: $font-weight-medium;`
		3484	`}`
		3485	`}`
		3486
		3487	`.rui-course-header-btn-icon {`
		3488	`width: $activity-iconcontainer-width;`
		3489	`height: $activity-iconcontainer-height;`
		3490	`display: inline-flex;`
		3491	`justify-content: center;`
		3492	`align-items: center;`
		3493	`background-color: $gray-100;`
		3494	`border-radius: $activity-iconcontainer-width;`
		3495	`padding: 0.7rem;`
		3496	`margin: 0 10px 0 0;`
		3497	`color: $gray-600;`
		3498
		3499	`.theme-dark & {`
		3500	`background-color: $dm-gray-100;`
		3501	`color: $dm-gray-600;`
		3502	`}`
		3503
		3504	`&[aria-expanded="true"],`
		3505	`&:hover {`
		3506	`background-color: var(--primary-color-100);`
		3507	`color: $primary-color-600;`
		3508
		3509	`.theme-dark & {`
		3510	`background-color: $dm-gray-200;`
		3511	`color: $dm-gray-700;`
		3512	`}`
		3513	`}`
		3514	`}`
		3515
		3516	`.rui-course-header-btn-link {`
		3517	`margin: 0;`
		3518	`padding: 12px 0;`
		3519
		3520	`width: 100%;`
		3521	`justify-content: space-between;`
		3522
		3523	`color: $body-color;`
		3524	`border-bottom: 1px solid $border-color;`
		3525
		3526	`.theme-dark & {`
		3527	`color: $dm-body-color;`
		3528	`border-color: $dm-border-color;`
		3529	`}`
		3530
		3531	`.sectionname {`
		3532	`font-family: $font-family-base;`
		3533	`font-weight: $font-weight-medium;`
		3534	`font-size: 1rem;`
		3535	`}`
		3536
		3537	`&[aria-expanded="true"],`
		3538	`&:hover {`
		3539	`border-color: $primary-color-600;`
		3540	`text-decoration: none;`
		3541	`}`
		3542
		3543	`.icon {`
		3544	`color: $body-color-light;`
		3545
		3546	`.theme-dark & {`
		3547	`color: $dm-body-color-light;`
		3548	`}`
		3549	`}`
		3550
		3551	`&[aria-expanded="true"] {`
		3552	`margin-bottom: 1rem;`
		3553	`}`
		3554	`}`
		3555
		3556	`// Moodle 4.`
		3557	`.editing {`
		3558	`.a {`
		3559	`cursor: pointer;`
		3560	`}`
		3561	`}`
		3562
		3563	`.section .draggable .activity-item .dragicon {`
		3564	`display: none;`
		3565	`}`
		3566
		3567	`.draggable {`
		3568	`cursor: move;`
		3569	`}`
		3570
		3571	`.activity-item.hiddenactivity {`
		3572	`.activityname {`
		3573	`opacity: .7;`
		3574	`}`
		3575	`}`
		3576
		3577	`.section-modchooser {`
		3578	`font-weight: $font-weight-medium;`
		3579	`color: $body-color-secondary;`
		3580
		3581	`.theme-dark & {`
		3582	`color: $dm-body-color-secondary;`
		3583	`}`
		3584
		3585	`&:hover {`
		3586	`color: $primary-color-600;`
		3587
		3588	`.theme-dark & {`
		3589	`color: var(--primary-color-100);`
		3590	`}`
		3591	`}`
		3592
		3593	`.pluscontainer {`
		3594	`background-color: $white;`
		3595	`box-shadow: $box-shadow-md;`
		3596	`width: 40px;`
		3597	`height: 40px;`
		3598	`border-radius: 40px;`
		3599
		3600	`display: flex;`
		3601	`align-items: center;`
		3602	`justify-content: center;`
		3603
		3604	`.theme-dark & {`
		3605	`background-color: $black;`
		3606	`}`
		3607	`}`
		3608	`}`
		3609
		3610
		3611	`.rui--activity-is-manual {`
		3612	`display: flex;`
		3613	`justify-content: space-between;`
		3614	`}`
		3615
		3616	`.rui-hidden-badge {`
		3617	`position: relative;`
		3618	`margin: 0 $rui-date-margin-left;`
		3619	`}`
		3620
		3621	`.path-course-view {`
		3622	`.activity-item {`
		3623	`position: relative;`
		3624	`background-color: $container-bg;`
		3625	`border-radius: $btn-border-radius;`
		3626
		3627	`&:not(.activityinline) {`
		3628	`border: $border-width solid $border-color;`
		3629	`padding: 12px;`
		3630	`}`
		3631
		3632	`&.activityinline {`
		3633	`padding: 0;`
		3634
		3635	`&.label {`
		3636	`padding: 0;`
		3637	`}`
		3638	`}`
		3639
		3640	`.activity-actions {`
		3641	`.actions {`
		3642	`position: relative;`
		3643
		3644	`.btn {`
		3645	`min-height: 35px;`
		3646	`}`
		3647	`}`
		3648
		3649	`.dropdown-toggle::after {`
		3650	`display: none;`
		3651	`}`
		3652	`}`
		3653
		3654	`.inplaceeditable {`
		3655	`display: flex;`
		3656	`flex: 0 1 auto;`
		3657	`max-width: 100%;`
		3658	`}`
		3659
		3660	`/* Prevent bootstrap strech-link from covering the inplace editable button using z-index. */`
		3661	`.activityname {`
		3662	`.afterlink {`
		3663	`margin-left: 0.5rem;`
		3664	`}`
		3665
		3666	`.inplaceeditable .quickeditlink {`
		3667	`z-index: 2;`
		3668	`margin-left: 0.5rem;`
		3669	`}`
		3670	`}`
		3671
		3672	`.no-overflow {`
		3673	`width: 100%;`
		3674	`}`
		3675
		3676	`@include media-breakpoint-down(sm) {`
		3677	`.badge {`
		3678	`white-space: normal;`
		3679	`text-align: left;`
		3680	`}`
		3681	`}`
		3682
		3683	`@include media-breakpoint-up(sm) {`
		3684	`.automatic-completion-conditions {`
		3685	`margin: 10px 32px 0;`
		3686	`display: flex;`
		3687	`//flex-direction: column;`
		3688	`align-items: flex-start;`
		3689	`}`
		3690
		3691	`&:not(.activityinline) {`
		3692	`padding: 12px !important;`
		3693	`}`
		3694
		3695	`.activity-info,`
		3696	`.activity-actions {`
		3697	`padding-left: map-get($spacers, 2);`
		3698	`align-self: start;`
		3699	`display: flex;`
		3700	`flex-direction: column;`
		3701	`justify-content: center;`
		3702	`}`
		3703	`}`
		3704	`}`
		3705	`}`
		3706
		3707	`.theme-dark.path-course-view {`
		3708	`.activity-item {`
		3709	`background-color: $dm-container-bg;`
		3710
		3711	`&:not(.activityinline) {`
		3712	`border-color: $dm-border-color;`
		3713	`}`
		3714	`}`
		3715	`}`
		3716
		3717	`.editing .activity-item {`
		3718	`cursor: move;`
		3719
		3720	`.a {`
		3721	`cursor: pointer;`
		3722	`}`
		3723	`}`
		3724
		3725	`.theme-dark.editing .activity-item:hover {`
		3726	`background-color: $dm-black;`
		3727	`}`
		3728
		3729	`.section .draggable .activity-item .dragicon {`
		3730	`display: none;`
		3731	`}`
		3732
		3733	`.automatic-completion-conditions .badge {`
		3734	`font-size: 80%;`
		3735
		3736	`.icon {`
		3737	`width: 0.7rem;`
		3738	`height: 0.7rem;`
		3739	`font-size: 0.7rem;`
		3740	`}`
		3741
		3742	`&:first-child {`
		3743	`margin-top: 0;`
		3744	`}`
		3745	`}`
		3746
		3747	`.activity-dates {`
		3748	`font-size: $font-size-xs;`
		3749	`color: $body-color-light;`
		3750
		3751	`.theme-dark & {`
		3752	`color: $dm-body-color-light;`
		3753	`}`
		3754	`}`
		3755
		3756	`.subcategories .subcategories {`
		3757	`margin-left: 30px;`
		3758
		3759	`.dir-rtl & {`
		3760	`margin-left: 0;`
		3761	`margin-right: 30px;`
		3762	`}`
		3763	`}`
		3764
		3765	`.action-menu-item,`
		3766	`.course-item-actions {`
		3767
		3768	`.action-hide,`
		3769	`.action-show {`
		3770	`margin: 0 2px;`
		3771	`}`
		3772
		3773	`.action-delete {`
		3774	`float: right;`
		3775	`margin-left: .5rem;`
		3776	`}`
		3777
		3778	`a {`
		3779	`.icon {`
		3780	`margin: 1px;`
		3781	`padding: 6px;`
		3782
		3783	`display: inline-flex;`
		3784	`align-items: center;`
		3785	`justify-content: center;`
		3786
		3787	`border-radius: $btn-border-radius;`
		3788
		3789	`background-color: $gray-200;`
		3790	`font-size: $font-size-xs;`
		3791	`color: $gray-800;`
		3792
		3793	`transition: $transition-base;`
		3794
		3795	`.theme-dark & {`
		3796	`background-color: $dm-gray-200;`
		3797	`color: $dm-gray-900;`
		3798	`}`
		3799
		3800	`&:hover {`
		3801	`background-color: $gray-300;`
		3802
		3803	`.theme-dark & {`
		3804	`background-color: $dm-gray-300;`
		3805	`}`
		3806	`}`
		3807	`}`
		3808
		3809	`&:hover {`
		3810	`text-decoration: none;`
		3811	`}`
		3812
		3813	`&.action-delete .icon {`
		3814	`background-color: $red-100;`
		3815	`color: $red-800;`
		3816	`border-radius: $btn-border-radius;`
		3817
		3818	`&:hover {`
		3819	`background-color: $red-200;`
		3820	`}`
		3821	`}`
		3822	`}`
		3823	`}`
		3824
		3825	`@include media-breakpoint-between(xs, sm) {`
		3826	`.activity-info {`
		3827	`padding-left: 40px;`
		3828	`}`
		3829	`}`
		3830
		3831	`.rui-course-details {`
		3832	`display: flex;`
		3833	`align-items: center;`
		3834	`flex-wrap: wrap;`
		3835	`gap: 30px;`
		3836	`}`
		3837
		3838	`#csbottombl:not(:empty) {`
		3839	`margin-top: 30px;`
		3840	`}`
		3841
		3842	`//$course-cover-height: 500px !default;`
		3843
		3844	`.rui-course-cover {`
		3845	`background-repeat: no-repeat;`
		3846	`background-size: cover;`
		3847	`width: 100%;`
		3848
		3849	`border-radius: $btn-border-radius-lg;`
		3850	`aspect-ratio: 16 / 6;`
		3851
		3852	`@if variable-exists(showcolorcoursecardmask) {`
		3853	`@if $showcolorcoursecardmask=='yes' {`
		3854	`background-color: $course-card-shadow-color;`
		3855	`background-blend-mode: luminosity;`
		3856	`}`
		3857	`}`
		3858	`}`
		3859	`.rui-course-cover--fw {`
		3860	`.show-drawer-left.show-drawer-right & {`
		3861	`margin-left: -40px;`
		3862	`width: calc(100% + 80px);`
		3863	`}`
		3864
		3865	`@include media-breakpoint-up(md) {`
		3866	`margin-left: -127px;`
		3867	`width: calc(100% + 254px);`
		3868	`}`
		3869	`}`
		3870
		3871	`// Moodle 4.2`
		3872
		3873	`.activity:focus-within+.activity div.divider button,`
		3874	`.course-section-header:focus-within+.content .section .activity:first-child div.divider button,`
		3875	`.content .section .activity:focus-within div.divider button {`
		3876	`visibility: visible;`
		3877	`}`
		3878
		3879	`.activity {`
		3880	`div.divider {`
		3881	`height: 2rem;`
		3882	`margin-top: -1.25rem;`
		3883	`margin-bottom: -0.75rem;`
		3884	`z-index: 5;`
		3885
		3886	`button {`
		3887	`border-radius: 100%;`
		3888	`background-color: $primary-color-600;`
		3889	`width: 40px;`
		3890	`height: 40px;`
		3891	`position: absolute;`
		3892	`top: -14px;`
		3893	`left: calc(50% - 20px);`
		3894	`opacity: 0;`
		3895	`visibility: hidden;`
		3896	`transition: visibility 0.1s;`
		3897	`margin: 0;`
		3898	`padding: 0;`
		3899
		3900	`.icon {`
		3901	`color: $primary-color-100;`
		3902	`font-size: 18px;`
		3903	`display: flex;`
		3904	`align-items: center;`
		3905	`justify-content: center;`
		3906	`}`
		3907
		3908	`img {`
		3909	`width: 24px;`
		3910	`height: 24px;`
		3911	`filter: invert(1);`
		3912	`}`
		3913	`}`
		3914	`}`
		3915
		3916	`&:not(.dragging) div.divider {`
		3917
		3918	`&:hover button,`
		3919	`&:focus button,`
		3920	`&:focus-within button {`
		3921	`opacity: 1;`
		3922	`visibility: visible;`
		3923	`}`
		3924	`}`
		3925	`}`
		3926
		3927	`.bulkenabled .bulk-hidden {`
		3928	`display: none !important; // stylelint-disable-line declaration-no-important`
		3929	`}`
		3930
		3931	`.activity-item .bulkselect {`
		3932	`position: absolute;`
		3933	`left: -2rem;`
		3934
		3935	`input[type="radio"],`
		3936	`input[type="checkbox"] {`
		3937	`width: 20px;`
		3938	`height: 20px;`
		3939	`}`
		3940	`}`
		3941
		3942	`.course-section-header .bulkselect {`
		3943	`left: -2rem;`
		3944	`position: relative;`
		3945	`width: 0;`
		3946	`}`
		3947
		3948	`@include media-breakpoint-down(sm) {`
		3949	`.bulkenabled .course-content {`
		3950	`margin-left: 2rem;`
		3951	`}`
		3952	`}`
		3953
		3954	`.rui-forum-nav-btns {`
		3955	`white-space: pre-wrap;`
		3956	`position: relative;`
		3957	`}`
		3958
		3959	`.subcategories .category.loaded {`
		3960	`border: 2px solid $gray-200;`
		3961	`margin-bottom: 4px;`
		3962	`padding: 4px 9px 9px;`
		3963	`border-radius: $btn-border-radius;`
		3964
		3965	`.theme-dark & {`
		3966	`border-color: $dm-border-color;`
		3967	`}`
		3968
		3969	`&.collapsed {`
		3970	`padding: 0;`
		3971	`border: 0;`
		3972	`}`
		3973	`}`
		3974
		3975	`// Moodle 4.3`
		3976	`.btn--dialog {`
		3977	`height: 30px;`
		3978	`width: 30px;`
		3979	`padding: 5px 2px 5px 2px;`
		3980	`border: 0;`
		3981
		3982	`@include caret();`
		3983
		3984	`svg {`
		3985	`width: 16px;`
		3986	`height: 16px;`
		3987	`}`
		3988
		3989	`&:after {`
		3990	`margin-left: 0;`
		3991	`}`
		3992	`}`
		3993
		3994	`.badge.dropdown-toggle {`
		3995	`padding-left: 5px;`
		3996	`@include caret();`
		3997
		3998	`.icon {`
		3999	`margin-right: 10px;`
		4000	`background-color: $container-bg;`
		4001	`width: 16px;`
		4002	`height: 16px;`
		4003	`border-radius: 20px;`
		4004	`padding: 5px;`
		4005	`}`
		4006	`}`
		4007
		4008	`.activity-completion {`
		4009	`@include media-breakpoint-between(xs, sm) {`
		4010	`width: 100%;`
		4011	`margin-bottom: 20px;`
		4012	`}`
		4013
		4014	`.btn {`
		4015	`height: 36px;`
		4016	`min-width: 36px;`
		4017	`}`
		4018	`}`
		4019
		4020	`// Availability styles for both section and activities.`
		4021	`.availabilityinfo {`
		4022	`margin-top: 10px;`
		4023	`padding: 6px 6px 6px 16px;`
		4024	`background-color: $gray-200;`
		4025	`font-size: $font-size-xs;`
		4026	`border-radius: $btn-border-radius;`
		4027
		4028	`.theme-dark & {`
		4029	`background-color: $dm-gray-100;`
		4030	`}`
		4031
		4032	`.section_availability & {`
		4033	`background-color: transparent;`
		4034	`padding: 0;`
		4035	`margin: 0;`
		4036	`}`
		4037
		4038	`.editavailability {`
		4039	`a {`
		4040	`@include border-radius();`
		4041	`font-weight: bold;`
		4042
		4043	`&:hover {`
		4044	`background-color: $gray-400;`
		4045	`}`
		4046
		4047	`.icon {`
		4048	`font-size: inherit;`
		4049	`margin-right: .5rem;`
		4050	`}`
		4051	`}`
		4052	`}`
		4053	`}`
		4054
		4055	`&.section-summary {`
		4056	`padding: 10px;`
		4057	`border-radius: $btn-border-radius;`
		4058	`}`
		4059
		4060	`.section-summary-activities .activity-count {`
		4061	`color: $text-muted;`
		4062	`font-size: $font-size-sm;`
		4063	`margin: 3px;`
		4064	`white-space: nowrap;`
		4065	`display: inline-block;`
		4066
		4067	`.theme-dark & {`
		4068	`color: $dm-text-muted;`
		4069	`}`
		4070	`}`
		4071
		4072	`.activity-completion {`
		4073	`.btn.dropdown-toggle {`
		4074	`border: 0;`
		4075	`}`
		4076	`}`
		4077
		4078	`[data-region="availability-multiple"] {`
		4079	`margin-top: 10px;`
		4080	`margin-left: 20px;`
		4081	`}`
		4082
		4083	`.completion-dropdown .btn-success {`
		4084	`padding-left: 7px;`
		4085
		4086	`img {`
		4087	`margin-right: 5px;`
		4088
		4089	`filter: invert(1);`
		4090	`}`
		4091	`}`
		4092
		4093	`.dragicon .icon {`
		4094	`width: 19px;`
		4095	`height: 19px;`
		4096	`border-radius: $btn-border-radius - 1px;`
		4097	`padding: 4px;`
		4098
		4099	`display: flex;`
		4100	`justify-content: center;`
		4101	`align-items: center;`
		4102	`background-color: $container-bg;`
		4103	`box-shadow: $box-shadow-md;`
		4104
		4105	`.theme-dark & {`
		4106	`filter: invert(1);`
		4107	`box-shadow: none;`
		4108	`}`
		4109	`}`
		4110
		4111	`.courseindex .courseindex-item {`
		4112	`.dragicon {`
		4113	`position: absolute;`
		4114	`top: 0;`
		4115	`right: 0;`
		4116	`}`
		4117
		4118	`&.dimmed {`
		4119	`opacity: 1 !important;`
		4120
		4121	`.courseindex-chevron,`
		4122	`.courseindex-link {`
		4123	`opacity: 1 !important;`
		4124
		4125	`color: $body-color-light;`
		4126
		4127	`.theme-dark & {`
		4128	`color: $dm-body-color-light;`
		4129	`}`
		4130	`}`
		4131
		4132	`.courseindex-name {`
		4133	`color: $body-color-light;`
		4134
		4135	`.theme-dark & {`
		4136	`color: $dm-body-color-light;`
		4137	`}`
		4138	`}`
		4139	`}`
		4140
		4141	`&.dimmed:not(.restrictions)::before {`
		4142	`content: '';`
		4143	`position: absolute;`
		4144	`top: 0;`
		4145	`right: 0;`
		4146	`width: 30px;`
		4147	`height: 30px;`
		4148	`border-radius: 30px;`
		4149	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='#{url-friendly-colour($body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18.6247 10C19.0646 10.8986 19.25 11.6745 19.25 12C19.25 13 17.5 18.25 12 18.25C11.2686 18.25 10.6035 18.1572 10 17.9938M7 16.2686C5.36209 14.6693 4.75 12.5914 4.75 12C4.75 11 6.5 5.75 12 5.75C13.7947 5.75 15.1901 6.30902 16.2558 7.09698'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 4.75L4.75 19.25'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.409 13.591C9.53033 12.7123 9.53033 11.2877 10.409 10.409C11.2877 9.5303 12.7123 9.5303 13.591 10.409'%3E%3C/path%3E%3C/svg%3E");
		4150	`background-repeat: no-repeat;`
		4151	`background-position: center;`
		4152	`background-size: 18px;`
		4153	`background-color: $yellow-300;`
		4154	`z-index: 1;`
		4155
		4156	`.courseindex-name {`
		4157	`color: $body-color-light;`
		4158
		4159	`.theme-dark & {`
		4160	`color: $dm-body-color-light;`
		4161	`}`
		4162	`}`
		4163	`}`
		4164	`}`
		4165
		4166	`.activity-basis {`
		4167	`gap: 10px;`
		4168	`}`
		4169
		4170	`.section-summary {`
		4171	`hr {`
		4172	`margin-bottom: 0;`
		4173	`}`
		4174	`}`
		4175
		4176	`// Course additional informations.`
		4177	`.rui-course-card {`
		4178	`.rui-mo-progress-text {`
		4179	`font-size: $font-size-xs;`
		4180	`}`
		4181
		4182	`.rui-course-card-text+.rui-custom-field-box {`
		4183	`margin-top: 20px;`
		4184	`}`
		4185
		4186	`.rui-custom-field-box {`
		4187	`width: 100%;`
		4188	`display: flex;`
		4189	`margin-bottom: 5px;`
		4190	`font-size: $font-size-xs;`
		4191	`opacity: .7;`
		4192
		4193	`.rui-custom-field-name {`
		4194	`margin-right: 5px;`
		4195	`}`
		4196	`}`
		4197
		4198	`.rui-custom-field-value {`
		4199	`font-weight: $font-weight-bold;`
		4200	`}`
		4201	`}`
		4202
		4203
		4204	`.rui-course-details,`
		4205	`.rui-course-header-custom-f {`
		4206	`display: flex;`
		4207	`flex-wrap: wrap;`
		4208	`align-items: center;`
		4209
		4210	`.rui-custom-field-name {`
		4211	`display: block;`
		4212	`font-size: $font-size-sm;`
		4213	`font-weight: $font-weight-medium;`
		4214	`color: $body-color-light;`
		4215
		4216	`@include media-breakpoint-up(xl) {`
		4217	`font-size: 1rem;`
		4218	`}`
		4219
		4220	`@include media-breakpoint-down(lg) {`
		4221	`font-size: $font-size-md;`
		4222	`}`
		4223
		4224	`.theme-dark & {`
		4225	`color: $dm-body-color-light;`
		4226	`}`
		4227	`}`
		4228
		4229	`.rui-custom-field-value {`
		4230	`font-size: 16px;`
		4231	`font-weight: $font-weight-bold;`
		4232	`color: $body-color;`
		4233
		4234	`@include media-breakpoint-up(xxl) {`
		4235	`font-size: 24px;`
		4236	`}`
		4237
		4238	`@include media-breakpoint-down(lg) {`
		4239	`font-size: 18px;`
		4240	`}`
		4241
		4242	`.theme-dark & {`
		4243	`color: $dm-body-color;`
		4244	`}`
		4245	`}`
		4246	`}`
		4247
		4248	`.rui-course-info-box {`
		4249	`margin: 30px 0 0;`
		4250	`display: flex;`
		4251	`flex-wrap: wrap;`
		4252	`align-items: center;`
		4253
		4254	`overflow-x: auto;`
		4255	`gap: 0;`
		4256
		4257	`.rui-custom-field-box {`
		4258	`margin-right: 32px;`
		4259	`margin-bottom: 20px;`
		4260	`display: flex;`
		4261	`flex-wrap: wrap;`
		4262	`flex-direction: column;`
		4263	`}`
		4264	`}`
		4265
		4266	`.rui-course-header-custom-f .rui-cf-tool_courserating {`
		4267	`display: none !important;`
		4268	`visibility: hidden;`
		4269	`}`
		4270
		4271	`.tool_courserating-cfield {`
		4272	`display: inline-flex;`
		4273	`border: 1px solid $border-color;`
		4274	`padding: 13px;`
		4275	`margin: 10px 0;`
		4276	`box-sizing: content-box;`
		4277	`border-radius: $btn-border-radius;`
		4278
		4279	`.rui-course-card & {`
		4280	`padding: 0;`
		4281	`margin: 0 -3px;`
		4282	`border: 0;`
		4283	`color: $body-color;`
		4284
		4285	`.theme-dark & {`
		4286	`color: $dm-body-color;`
		4287	`}`
		4288	`}`
		4289
		4290	`.theme-dark & {`
		4291	`border-color: $dm-border-color;`
		4292	`}`
		4293
		4294	`.rui-course-info-box & {`
		4295	`margin: 0;`
		4296	`display: none;`
		4297	`visibility: hidden;`
		4298	`}`
		4299
		4300	`a:before {`
		4301	`display: none;`
		4302	`}`
		4303
		4304	`.fa-star {`
		4305	`color: $yellow-700;`
		4306	`}`
		4307
		4308	`.tool_courserating-ratingcolor,`
		4309	`.tool_courserating-ratings {`
		4310	`color: $body-color-light;`
		4311
		4312	`.theme-dark & {`
		4313	`color: $dm-body-color-light;`
		4314	`}`
		4315	`}`
		4316	`}`
		4317
		4318	`#course-category-listings .listitem>div .item-actions .aabtn.menu-action {`
		4319	`background-color: transparent;`
		4320	`}`
		4321
		4322	`#course-category-listings .listing-actions .action-menu {`
		4323	`.dropdown-toggle {`
		4324	`padding: 5px 10px;`
		4325	`}`
		4326	`}`
		4327
		4328	`#course-category-listings {`
		4329
		4330	`.list-group-item {`
		4331	`.flex-shrink-0 {`
		4332	`display: flex;`
		4333	`}`
		4334	`}`
		4335	`}`

Proyectos de Subversion Moodle

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