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

Rev	Autor	Línea Nro.	Línea
1	efrain	1	`//---- Front Page Blocks`
		2	`$block-el-margin-bottom: 24px;`
		3
		4	`.rui-fp-margin-top {`
		5	`margin-top: 80px;`
		6	`}`
		7
		8	`.rui-fp-margin-bottom {`
		9	`margin-bottom: 80px;`
		10
		11	`@include media-breakpoint-between(xs, sm) {`
		12	`margin-bottom: 40px;`
		13	`}`
		14	`}`
		15
		16	`.rui-block-margin-top {`
		17	`margin-top: 40px;`
		18
		19	`@include media-breakpoint-only(md) {`
		20	`margin-top: 22px;`
		21	`}`
		22
		23	`@include media-breakpoint-between(xs, sm) {`
		24	`margin-top: 10px;`
		25	`}`
		26	`}`
		27
		28	`.rui-block-hr {`
		29	`margin: 60px auto;`
		30	`max-width: 60px;`
		31
		32	`@include media-breakpoint-between(xs,sm) {`
		33	`margin: 40px auto;`
		34	`}`
		35	`}`
		36
		37	`.rui-block-subtitle {`
		38	`margin-bottom: $block-el-margin-bottom;`
		39	`font-size: 1rem;`
		40	`text-align: center;`
		41	`color: $body-color-secondary;`
		42
		43	`.theme-dark & {`
		44	`color: $dm-body-color-secondary;`
		45	`}`
		46
		47	`@include media-breakpoint-between(xs, sm) {`
		48	`font-size: $font-size-md`
		49	`}`
		50	`}`
		51
		52
		53	`.rui-block-title {`
		54	`margin-bottom: $block-el-margin-bottom;`
		55	`font-size: 3.75rem; // 60px`
		56	`text-align: center;`
		57	`line-height: 1.2;`
		58	`color: $body-color;`
		59
		60	`.theme-dark & {`
		61	`color: $dm-body-color;`
		62	`}`
		63
		64	`@include media-breakpoint-only(md) {`
		65	`font-size: 2.5rem; // 40px`
		66	`}`
		67
		68	`@include media-breakpoint-between(xs, sm) {`
		69	`font-size: 1.5rem; // 24px`
		70	`}`
		71	`}`
		72
		73	`.rui-block-desc {`
		74	`margin-bottom: $block-el-margin-bottom;`
		75	`font-size: 1.25rem; //18px`
		76	`color: $body-color;`
		77	`text-align: center;`
		78
		79	`.theme-dark & {`
		80	`color: $dm-body-color;`
		81	`}`
		82
		83	`@include media-breakpoint-between(xs, sm) {`
		84	`font-size: 1rem`
		85	`}`
		86	`}`
		87
		88	`.rui-block-desc--lg {`
		89	`font-size: 2rem;`
		90
		91	`@include media-breakpoint-between(xs, sm) {`
		92	`font-size: 1.5rem`
		93	`}`
		94	`}`
		95
		96	`.rui-block-desc--sm {`
		97	`max-width: 500px;`
		98	`margin-left: auto;`
		99	`margin-right: auto;`
		100	`}`
		101
		102	`.rui-block-footer {`
		103	`margin-top: 30px;`
		104	`font-size: .875rem; // 14px`
		105	`color: $body-color-light;`
		106
		107	`.theme-dark & {`
		108	`color: $dm-body-color-light;`
		109	`}`
		110	`}`
		111
		112	`// Team`
		113	`.rui-card-team-grid {`
		114	`display: grid;`
		115	`grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));`
		116	`grid-column-gap: 40px;`
		117	`grid-row-gap: 40px;`
		118	`}`
		119
		120	`.rui-img--anim-1 img {`
		121	`max-width: 100%;`
		122	`height: auto;`
		123	`border-radius: 120px 5px 5px 120px;`
		124	`transition: border-radius 350ms cubic-bezier(0.165, 0.84, 0.44, 1);`
		125
		126	`&:hover {`
		127	`border-radius: 5px 120px 120px 5px;`
		128	`}`
		129	`}`
		130
		131	`.rui-img--anim-2 img {`
		132	`max-width: 100%;`
		133	`height: auto;`
		134	`border-radius: 120px 5px 120px 120px;`
		135	`transition: border-radius 350ms cubic-bezier(0.165, 0.84, 0.44, 1);`
		136
		137	`&:hover {`
		138	`border-radius: 120px 120px 120px 5px;`
		139	`}`
		140	`}`
		141
		142	`.rui-img--anim-3 img {`
		143	`max-width: 100%;`
		144	`height: auto;`
		145	`border-radius: 120px;`
		146	`transition: border-radius 350ms cubic-bezier(0.165, 0.84, 0.44, 1);`
		147
		148	`&:hover {`
		149	`border-radius: 30px;`
		150	`}`
		151	`}`
		152
		153	`.rui-img--anim-4 img {`
		154	`max-width: 100%;`
		155	`height: auto;`
		156	`border-radius: 5px 120px 120px 120px;`
		157	`transition: border-radius 350ms cubic-bezier(0.165, 0.84, 0.44, 1);`
		158
		159	`&:hover {`
		160	`border-radius: 120px 120px 5px 120px;`
		161	`}`
		162	`}`
		163
		164	`.rui-img--anim-5 img {`
		165	`max-width: 100%;`
		166	`height: auto;`
		167	`border-radius: 5px 120px 120px 5px;`
		168	`transition: border-radius 350ms cubic-bezier(0.165, 0.84, 0.44, 1);`
		169
		170	`&:hover {`
		171	`border-radius: 120px 5px 5px 120px;`
		172	`}`
		173	`}`
		174
		175	`.rui-img--anim-6 img {`
		176	`max-width: 100%;`
		177	`height: auto;`
		178	`border-radius: 30px;`
		179	`transition: border-radius 350ms cubic-bezier(0.165, 0.84, 0.44, 1);`
		180
		181	`&:hover {`
		182	`border-radius: 120px;`
		183	`}`
		184	`}`
		185
		186	`.rui-img--anim-7 img {`
		187	`max-width: 100%;`
		188	`height: auto;`
		189	`border-radius: 120px;`
		190	`transition: border-radius 350ms cubic-bezier(0.165, 0.84, 0.44, 1);`
		191
		192	`&:hover {`
		193	`border-radius: 120px 5px 120px 5px;`
		194	`}`
		195	`}`
		196
		197	`.rui-img--anim-8 img {`
		198	`max-width: 100%;`
		199	`height: auto;`
		200	`border-radius: 120px;`
		201	`transition: border-radius 350ms cubic-bezier(0.165, 0.84, 0.44, 1);`
		202
		203	`&:hover {`
		204	`border-radius: 5px 120px 5px 120px;`
		205	`}`
		206	`}`
		207
		208	`.rui-block-social-list {`
		209	`margin-top: 1rem;`
		210	`display: inline-flex;`
		211
		212	`a {`
		213	`width: 30px;`
		214	`height: 30px;`
		215	`font-size: 18px;`
		216	`color: $body-color;`
		217
		218	`&:hover {`
		219	`opacity: .6;`
		220	`}`
		221
		222	`.theme-dark & {`
		223	`color: $dm-body-color;`
		224	`}`
		225	`}`
		226	`}`
		227
		228	`// Added important becaouse Atto editor adds additional classes`
		229	`.rui-block-team-item {`
		230	`margin-bottom: 30px;`
		231
		232	`position: relative;`
		233	`width: 100% !important;`
		234	`max-width: 100% !important;`
		235
		236	`&:last-of-type {`
		237	`margin-bottom: 0;`
		238	`}`
		239	`}`
		240
		241	`.rui-card-team--img-smpl img {`
		242	`position: relative;`
		243	`border-radius: $btn-border-radius-md;`
		244	`width: 192px;`
		245
		246	`@include media-breakpoint-between(xs, sm) {`
		247	`width: 40px;`
		248	`}`
		249	`}`
		250
		251	`.rui-card-team--img-fw {`
		252	`position: relative;`
		253
		254	`img {`
		255	`border-radius: $btn-border-radius-md;`
		256	`width: 100%;`
		257	`}`
		258	`}`
		259
		260	`.rui-card-team-desc--absolute {`
		261	`position: absolute;`
		262	`background-color: $container-bg;`
		263	`padding: 7px 17px;`
		264
		265	`left: 10px;`
		266	`right: 10px;`
		267	`bottom: 10px;`
		268	`border-radius: $btn-border-radius-md;`
		269
		270	`.theme-dark & {`
		271	`background-color: $dm-container-bg;`
		272	`}`
		273	`}`
		274
		275	`.rui-block-team-title {`
		276	`font-size: 1rem;`
		277	`color: $body-color;`
		278
		279	`.theme-dark & {`
		280	`color: $dm-body-color;`
		281	`}`
		282	`}`
		283
		284	`.rui-block-team-desc {`
		285	`font-size: .938rem; // 15px`
		286	`color: $body-color-secondary;`
		287
		288	`.theme-dark & {`
		289	`color: $dm-body-color-secondary;`
		290	`}`
		291	`}`
		292
		293	`.rui-block-team-desc--sm {`
		294	`font-size: .75rem; // 12px`
		295	`color: $body-color-light;`
		296
		297	`.theme-dark & {`
		298	`color: $dm-body-color-light;`
		299	`}`
		300	`}`
		301
		302	`.rui-block-team-list {`
		303	`li {`
		304	`margin-right: 10px;`
		305	`display: inline-block;`
		306
		307	`a {`
		308	`font-size: .875rem;`
		309	`font-weight: $font-weight-bold;`
		310	`color: $body-color-secondary;`
		311
		312	`.theme-dark & {`
		313	`color: $dm-body-color-secondary;`
		314	`}`
		315	`}`
		316
		317	`}`
		318	`}`
		319
		320	`// Tetimonials`
		321	`.rui-card-testimonials-grid--2 {`
		322	`display: grid;`
		323	`grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));`
		324	`column-gap: 60px;`
		325	`row-gap: 60px;`
		326
		327	`@include media-breakpoint-only(md) {`
		328	`grid-template-columns: repeat(auto-fill, minmax(calc(50% - 20px), 1fr));`
		329	`column-gap: 40px;`
		330	`row-gap: 40px;`
		331	`}`
		332
		333	`@include media-breakpoint-between(xs, sm) {`
		334	`grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));`
		335	`column-gap: 0;`
		336	`row-gap: 80px;`
		337	`}`
		338	`}`
		339
		340	`.rui-card-testimonials-grid {`
		341	`display: grid;`
		342	`grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));`
		343	`column-gap: 80px;`
		344	`row-gap: 80px;`
		345
		346	`@include media-breakpoint-only(md) {`
		347	`grid-template-columns: repeat(auto-fill, minmax(calc(50% - 20px), 1fr));`
		348	`column-gap: 40px;`
		349	`row-gap: 40px;`
		350	`}`
		351
		352	`@include media-breakpoint-between(xs, sm) {`
		353	`grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));`
		354	`column-gap: 0;`
		355	`row-gap: 80px;`
		356	`}`
		357	`}`
		358
		359	`.rui-block-testimonials-item {`
		360	`display: flex;`
		361	`flex-wrap: wrap;`
		362	`text-align: left;`
		363	`}`
		364
		365	`.rui-block-testimonials-img {`
		366	`width: 100%;`
		367	`margin-bottom: 30px;`
		368	`}`
		369
		370	`.rui-block-testimonials-rating {`
		371	`margin-bottom: 30px;`
		372
		373	`display: inline-flex;`
		374	`align-items: center;`
		375	`justify-content: space-between;`
		376
		377	`color: $primary-color-500;`
		378
		379	`svg {`
		380	`width: 16px;`
		381	`margin-right: 4px;`
		382
		383	`&:last-child {`
		384	`margin-right: 0;`
		385	`}`
		386	`}`
		387	`}`
		388
		389	`.rui-block-testimonials--quote {`
		390	`margin: 0 0 10px;`
		391	`font-size: 1.5rem;`
		392	`color: $body-color;`
		393
		394	`.theme-dark & {`
		395	`color: $dm-body-color;`
		396	`}`
		397	`}`
		398
		399	`.rui-block-testimonials--author {`
		400	`width: 100%;`
		401	`margin-bottom: 0;`
		402	`font-size: $font-size-md;`
		403	`font-weight: $font-weight-medium;`
		404	`color: $body-color;`
		405
		406	`.theme-dark & {`
		407	`color: $dm-body-color;`
		408	`}`
		409	`}`
		410
		411	`.rui-block-testimonials--additional {`
		412	`width: 100%;`
		413	`font-size: $font-size-xs;`
		414	`color: $body-color-light;`
		415
		416	`.theme-dark & {`
		417	`color: $dm-body-color-light;`
		418	`}`
		419	`}`
		420
		421
		422	`// Category`
		423	`.rui-card-cat-grid {`
		424	`width: 100%;`
		425	`display: grid;`
		426	`flex-wrap: wrap;`
		427	`gap: 10px;`
		428	`grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));`
		429	`}`
		430
		431	`.rui-block-category-item {`
		432	`padding: 15px;`
		433	`position: relative;`
		434
		435	`display: flex;`
		436	`justify-content: flex-start;`
		437	`align-items: center;`
		438
		439	`background-color: $container-bg;`
		440	`border: 2px solid $container-bg;`
		441	`border-radius: $btn-border-radius-md;`
		442
		443	`text-align: left;`
		444
		445	`.theme-dark & {`
		446	`background-color: $dm-black;`
		447	`border-color: $dm-black;`
		448	`}`
		449
		450	`img {`
		451	`.theme-dark & {`
		452	`filter: invert(1);`
		453	`}`
		454	`}`
		455
		456	`&:hover {`
		457	`background-color: $gray-100;`
		458	`text-decoration: none;`
		459
		460	`.theme-dark & {`
		461	`background-color: $dm-gray-100;`
		462	`}`
		463	`}`
		464
		465	`.badge-wrapper {`
		466	`margin: 10px 0;`
		467	`}`
		468	`}`
		469
		470	`.rui-block-category-item--icon {`
		471	`display: block;`
		472	`}`
		473
		474	`.badge-sale {`
		475	`border: 1px solid $red-600;`
		476	`color: $red-800;`
		477
		478	`.theme-dark & {`
		479	`border-color: $red-300;`
		480	`color: $red-200;`
		481	`}`
		482	`}`
		483
		484	`.badge-new {`
		485	`border: 1px solid $green-600;`
		486	`color: $green-800;`
		487
		488	`.theme-dark & {`
		489	`border-color: $green-300;`
		490	`color: $green-200;`
		491	`}`
		492	`}`
		493
		494	`.badge-soon {`
		495	`border: 1px solid $blue-700;`
		496	`color: $blue-800;`
		497
		498	`.theme-dark & {`
		499	`border-color: $blue-300;`
		500	`color: $blue-200;`
		501	`}`
		502	`}`
		503
		504	`.rui-block-category-item-title {`
		505	`width: 100%;`
		506	`margin: 0;`
		507	`font-size: $font-size-md;`
		508	`font-weight: $font-weight-bold;`
		509	`text-align: left;`
		510	`color: $body-color;`
		511
		512	`.theme-dark & {`
		513	`color: $dm-body-color;`
		514	`}`
		515	`}`
		516
		517	`.rui-block-category-item-subtitle {`
		518	`font-size: $font-size-xs;`
		519	`font-weight: $font-weight-medium;`
		520	`color: $body-color-light;`
		521
		522	`.theme-dark & {`
		523	`color: $dm-body-color-light;`
		524	`}`
		525	`}`
		526
		527	`// Block 13`
		528	`.rui-cta-wrapper--center {`
		529	`margin: 0 auto;`
		530	`padding: 100px;`
		531
		532	`@include media-breakpoint-only(md) {`
		533	`padding: 60px;`
		534	`}`
		535
		536	`@include media-breakpoint-between(xs, sm) {`
		537	`padding: 30px;`
		538	`max-width: 90%;`
		539	`margin: 0 auto;`
		540	`}`
		541	`}`
		542
		543	`.rui-cta-wrapper--left {`
		544	`padding: 100px 0 100px 100px;`
		545	`max-width: 700px;`
		546
		547	`@include media-breakpoint-only(md) {`
		548	`padding: 60px;`
		549	`}`
		550
		551	`@include media-breakpoint-between(xs, sm) {`
		552	`padding: 30px;`
		553	`max-width: 90%;`
		554	`margin: 0 auto;`
		555	`}`
		556	`}`
		557
		558	`.rui-cta-wrapper--right {`
		559	`padding: 100px 100px 100px 0;`
		560	`max-width: 700px;`
		561
		562	`@include media-breakpoint-only(md) {`
		563	`padding: 60px;`
		564	`}`
		565
		566	`@include media-breakpoint-between(xs, sm) {`
		567	`padding: 30px;`
		568	`max-width: 90%;`
		569	`margin: 0 auto;`
		570	`}`
		571	`}`
		572
		573	`.rui-cta-content {`
		574	`margin-bottom: 2rem;`
		575	`font-size: 1.5rem;`
		576	`opacity: .7;`
		577
		578	`@include media-breakpoint-between(xs, sm) {`
		579	`font-size: $font-size-md;`
		580	`}`
		581	`}`
		582
		583	`.rui-cta-subtitle {`
		584	`margin-bottom: 10px;`
		585	`font-family: $font-family-base;`
		586	`font-size: 1.25rem;`
		587	`line-height: 1.3;`
		588
		589	`@include media-breakpoint-between(xs, sm) {`
		590	`font-size: 1rem;`
		591
		592	`@include media-breakpoint-between(xs, sm) {`
		593	`font-size: .85rem;`
		594	`}`
		595	`}`
		596	`}`
		597
		598	`.rui-cta-title {`
		599	`margin-bottom: 10px;`
		600	`font-family: $font-family-base;`
		601	`font-size: 2rem;`
		602	`line-height: 1.3;`
		603
		604	`@include media-breakpoint-between(xs, sm) {`
		605	`font-size: 1.5rem;`
		606
		607	`@include media-breakpoint-between(xs, sm) {`
		608	`font-size: 1rem;`
		609	`}`
		610	`}`
		611	`}`
		612
		613	`.rui-cta-small {`
		614	`margin-top: $page-padding-global;`
		615	`font-size: $font-size-xs;`
		616	`opacity: .7;`
		617	`}`
		618
		619
		620	`// Cards`
		621	`.rui-card {`
		622	`padding: 30px;`
		623	`border: 1px solid $border-color;`
		624	`border-radius: $btn-border-radius-md;`
		625	`background-color: $container-bg;`
		626
		627	`.theme-dark & {`
		628	`border-color: $dm-border-color;`
		629	`background-color: $dm-container-bg;`
		630	`}`
		631	`}`
		632
		633	`.rui-color-card {`
		634	`padding: 30px;`
		635	`}`
		636
		637	`.rui-card-img-rounded,`
		638	`.rui-color-card,`
		639	`.rui-color-card-img {`
		640	`display: flex;`
		641	`}`
		642
		643	`.rui-img-rounded,`
		644	`.rui-img-rounded--md,`
		645	`.rui-img-rounded--lg,`
		646	`.rui-img-rounded--xl {`
		647	`img {`
		648	`display: flex;`
		649	`width: 100%;`
		650	`}`
		651	`}`
		652
		653	`.rui-rounded {`
		654	`border-radius: 7px;`
		655	`}`
		656
		657	`.rui-rounded--md {`
		658	`border-radius: 14px;`
		659	`}`
		660
		661	`.rui-rounded--lg {`
		662	`border-radius: 24px;`
		663	`}`
		664
		665	`.rui-rounded--xl {`
		666	`border-radius: 36px;`
		667	`}`
		668
		669	`.rui-img-rounded img {`
		670	`display: block!important;`
		671	`border-radius: 7px!important;`
		672	`}`
		673
		674	`.rui-img-rounded--md img {`
		675	`display: block!important;`
		676	`border-radius: 14px!important;`
		677	`}`
		678
		679	`.rui-img-rounded--lg img {`
		680	`display: block!important;`
		681	`border-radius: 24px!important;`
		682	`}`
		683
		684	`.rui-img-rounded--xl img {`
		685	`display: block!important;`
		686	`border-radius: 36px!important;`
		687	`}`
		688
		689	`.rui-color-card {`
		690	`background-color: $gray-900;`
		691	`color: $gray-300;`
		692
		693	`transition: all 350ms cubic-bezier(0.45, 0.05, 0.55, 0.95);`
		694
		695	`.rui-card-title {`
		696	`font-size: $font-size-base;`
		697	`}`
		698
		699	`h1,`
		700	`h2,`
		701	`h3,`
		702	`h4,`
		703	`h5 {`
		704	`font-weight: $font-weight-medium;`
		705	`color: $white;`
		706	`}`
		707
		708	`.rui-card-text {`
		709	`font-size: $font-size-sm;`
		710	`}`
		711	`}`
		712
		713	`.rui-card-item:hover {`
		714	`.rui-color-card {`
		715	`transform: translateY(-20px);`
		716	`}`
		717	`}`
		718
		719
		720	`.rui-card-title {`
		721	`font-size: 1.125rem;`
		722	`color: $body-color;`
		723
		724	`.theme-dark & {`
		725	`color: $dm-body-color;`
		726	`}`
		727
		728	`.rui-color-card & {`
		729	`color: inherit;`
		730	`}`
		731	`}`
		732
		733	`.rui-card-title--light {`
		734	`font-size: $font-size-md;`
		735	`font-weight: $font-weight-medium;`
		736	`color: $body-color-light;`
		737
		738	`.theme-dark & {`
		739	`color: $dm-body-color-light;`
		740	`}`
		741
		742	`.rui-color-card & {`
		743	`color: inherit;`
		744	`}`
		745	`}`
		746
		747	`.rui-card-text {`
		748	`font-size: $font-size-base;`
		749	`color: $body-color-secondary;`
		750
		751	`.theme-dark & {`
		752	`color: $dm-body-color-secondary;`
		753	`}`
		754
		755	`.rui-color-card & {`
		756	`color: inherit;`
		757	`}`
		758	`}`
		759
		760	`.rui-card-text--lg {`
		761	`font-size: 1.125px; // 18px`
		762	`color: $body-color-secondary;`
		763	`opacity: .7;`
		764
		765	`.theme-dark & {`
		766	`color: $dm-body-color-secondary;`
		767	`}`
		768
		769	`.rui-color-card & {`
		770	`color: inherit;`
		771	`}`
		772	`}`
		773
		774	`.rui-card-text--md {`
		775	`font-size: $font-size-md;`
		776	`color: $body-color-light;`
		777
		778	`.theme-dark & {`
		779	`color: $dm-body-color-light;`
		780	`}`
		781
		782	`.rui-color-card & {`
		783	`color: inherit;`
		784	`}`
		785	`}`
		786
		787	`.rui-card--with-img {`
		788	`display: inline-flex;`
		789	`align-items: center;`
		790	`width: 100%;`
		791
		792	`@include media-breakpoint-between(xs, sm) {`
		793	`display: block;`
		794	`text-align: center;`
		795	`}`
		796	`}`
		797
		798	`.rui-card-btn-link {`
		799	`font-size: $font-size-md;`
		800	`font-weight: $font-weight-medium;`
		801	`color: $body-color;`
		802
		803	`.theme-dark & {`
		804	`color: $dm-body-color;`
		805	`}`
		806
		807	`}`
		808
		809
		810	`// Pricing table`
		811	`.rui-pricing-table-title {`
		812	`font-size: 1.5rem; //24px`
		813	`font-weight: $font-weight-bold;`
		814	`text-align: center;`
		815	`}`
		816
		817	`.rui-pricing-table-price {`
		818	`margin: 20px 0;`
		819	`font-size: 2rem; //32px`
		820	`font-weight: $font-weight-bold;`
		821	`text-align: center;`
		822	`color: $body-color;`
		823
		824	`.theme-dark & {`
		825	`color: $dm-body-color;`
		826	`}`
		827
		828	`.rui-pricing-table-price--smaller {`
		829	`font-size: 1.5rem; //24px`
		830	`color: $body-color-light;`
		831
		832	`.theme-dark & {`
		833	`color: $dm-body-color-light;`
		834	`}`
		835	`}`
		836	`}`
		837
		838	`.rui-pricing-table-text {`
		839	`margin-top: 10px;`
		840
		841	`font-size: $font-size-md;`
		842	`text-align: center;`
		843	`color: $body-color-secondary;`
		844
		845	`.theme-dark & {`
		846	`color: $dm-body-color-secondary;`
		847	`}`
		848	`}`
		849
		850	`.rui-special-list {`
		851	`margin: 20px;`
		852	`padding: 0;`
		853	`list-style: none !important;`
		854	`flex-wrap: wrap;`
		855
		856	`font-size: $font-size-md;`
		857	`line-height: 2;`
		858	`color: $body-color-secondary;`
		859
		860	`.theme-dark & {`
		861	`color: $dm-body-color-secondary;`
		862	`}`
		863
		864	`li {`
		865	`padding-left: 26px;`
		866	`margin-right: 20px;`
		867	`margin-bottom: 10px;`
		868	`position: relative;`
		869
		870	`&:before {`
		871	`content: '';`
		872	`background-repeat: no-repeat;`
		873	`background-size: 13px;`
		874	`background-position: center;`
		875
		876	`position: absolute;`
		877	`top: 4px;`
		878	`left: 0;`
		879	`width: 18px;`
		880	`height: 18px;`
		881	`border-radius: 18px;`
		882	`}`
		883
		884	`&.list-icon-x {`
		885	`opacity: .8;`
		886
		887	`&:before {`
		888	`background-color: $gray-100;`
		889	`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($gray-700)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17.25 6.75L6.75 17.25'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($gray-700)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.75 6.75L17.25 17.25'%3E%3C/path%3E%3C/svg%3E%0A");`
		890
		891	`.theme-dark & {`
		892	`background-color: $dm-gray-100;`
		893	`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-gray-700)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17.25 6.75L6.75 17.25'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($dm-gray-700)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.75 6.75L17.25 17.25'%3E%3C/path%3E%3C/svg%3E%0A");`
		894	`}`
		895
		896	`}`
		897	`}`
		898	`}`
		899	`}`
		900
		901	`.rui-special-list--light {`
		902	`li {`
		903	`&:before {`
		904	`background-color: $gray-100;`
		905	`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($gray-700)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5.75 12.8665L8.33995 16.4138C9.15171 17.5256 10.8179 17.504 11.6006 16.3715L18.25 6.75'%3E%3C/path%3E%3C/svg%3E%0A");`
		906
		907	`.theme-dark & {`
		908	`background-color: $dm-gray-100;`
		909	`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-gray-700)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5.75 12.8665L8.33995 16.4138C9.15171 17.5256 10.8179 17.504 11.6006 16.3715L18.25 6.75'%3E%3C/path%3E%3C/svg%3E%0A");`
		910	`}`
		911	`}`
		912	`}`
		913	`}`
		914
		915	`.rui-special-list--primary {`
		916	`li {`
		917	`&:before {`
		918	`background-color: $primary-color-200;`
		919	`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($primary-color-600)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5.75 12.8665L8.33995 16.4138C9.15171 17.5256 10.8179 17.504 11.6006 16.3715L18.25 6.75'%3E%3C/path%3E%3C/svg%3E%0A");`
		920
		921	`.theme-dark & {`
		922	`background-color: $primary-color-800;`
		923	`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($primary-color-500)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5.75 12.8665L8.33995 16.4138C9.15171 17.5256 10.8179 17.504 11.6006 16.3715L18.25 6.75'%3E%3C/path%3E%3C/svg%3E%0A");`
		924	`}`
		925	`}`
		926	`}`
		927	`}`
		928
		929	`.rui-pricing-table {`
		930	`padding: 30px 40px;`
		931	`border-style: solid;`
		932	`border-color: $border-color;`
		933	`border-width: 1px 0;`
		934
		935	`@include media-breakpoint-up(lg) {`
		936	`&:first-of-type {`
		937	`border-radius: $border-radius 0 0 $border-radius-md;`
		938	`border-width: 1px;`
		939	`}`
		940
		941	`&:last-of-type {`
		942	`border-radius: 0 $border-radius $border-radius 0;`
		943	`border-width: 1px;`
		944	`}`
		945	`}`
		946
		947	`@include media-breakpoint-between(xs, md) {`
		948	`margin: 10px 0;`
		949	`border-radius: $btn-border-radius-md;`
		950	`border-width: 1px;`
		951	`}`
		952
		953	`}`
		954
		955	`.rui-pricing-table--special {`
		956	`background-color: $primary-color-100;`
		957	`border-color: $primary-color-300;`
		958	`border-left: 2px dashed $primary-color-300 !important;`
		959
		960	`.theme-dark & {`
		961	`background-color: $primary-color-800;`
		962	`border-color: $primary-color-600;`
		963	`}`
		964
		965	`@include media-breakpoint-between(xs, md) {`
		966	`border-left: 1px solid $primary-color-300;`
		967
		968	`.theme-dark & {`
		969	`border-color: $primary-color-600 !important;`
		970	`}`
		971	`}`
		972	`}`
		973
		974	`.rui-fp-block--11,`
		975	`.rui-fp-block--12 {`
		976
		977	`.swiper-button-prev,`
		978	`.swiper-button-next {`
		979	`top: 160px;`
		980	`}`
		981	`}`
		982
		983	`.rui-fp-block-mb {`
		984	`margin-bottom: 60px;`
		985	`}`
		986
		987	`.rui-fp-block {`
		988	`.swiper-button-next {`
		989	`top: calc(50% - 45px);`
		990	`}`
		991	`}`
		992
		993	`.rui-fp-block--cta {`
		994	`padding: 60px 80px;`
		995
		996	`background-color: $primary-color-100;`
		997	`border-radius: $btn-border-radius-md;`
		998
		999	`.theme-dark & {`
		1000	`background-color: $primary-color-800;`
		1001	`}`
		1002
		1003	`@include media-breakpoint-only(md) {`
		1004	`padding: 40px;`
		1005	`}`
		1006
		1007	`@include media-breakpoint-between(xs, sm) {`
		1008	`padding: 25px;`
		1009	`}`
		1010
		1011	`.swiper {`
		1012	`padding: 0 0 45px 0;`
		1013	`}`
		1014	`}`
		1015
		1016	`.rui-fp-block--1,`
		1017	`.rui-fp-block--4 {`
		1018	`.swiper-wrapper {`
		1019	`border-radius: $btn-border-radius;`
		1020	`overflow: hidden;`
		1021	`}`
		1022	`}`
		1023
		1024	`// Block 23`
		1025	`.rui-card-item {`
		1026	`transition: $transition-base;`
		1027
		1028	`&:hover {`
		1029	`transform: translateY(-3px);`
		1030	`}`
		1031
		1032	`&.swiper-slide:hover {`
		1033	`transform: none;`
		1034	`}`
		1035
		1036	`.rui-card-item-img {`
		1037	`max-width: 200px;`
		1038
		1039	`@include media-breakpoint-between(xs, sm) {`
		1040	`max-width: 100%;`
		1041	`}`
		1042
		1043	`img {`
		1044	`width: 100%;`
		1045	`border: 4px solid $white;`
		1046	`}`
		1047	`}`
		1048	`}`
		1049
		1050	`// Block--1 -> Hero Slider`
		1051	`.rui-hero-content {`
		1052	`color: inherit;`
		1053
		1054	`@include media-breakpoint-up(lg) {`
		1055	`max-width: 600px;`
		1056	`}`
		1057	`@include media-breakpoint-between(xs, lmd) {`
		1058	`width: 100%;`
		1059	`}`
		1060	`}`
		1061
		1062	`.rui-hero-bg {`
		1063	`@include media-breakpoint-between(xs, sm) {`
		1064	`background-size: cover;`
		1065	`background-repeat: no-repeat;`
		1066	`background-position: center;`
		1067	`}`
		1068	`}`
		1069
		1070	`.rui-hero-content-backdrop {`
		1071	`padding: 45px 60px;`
		1072	`border-radius: $btn-border-radius;`
		1073
		1074	`@include media-breakpoint-between(xs, sm) {`
		1075	`background-color: $container-bg;`
		1076	`padding: 30px 10px;`
		1077	`border-radius: 0;`
		1078
		1079	`.theme-dark & {`
		1080	`background-color: $dm-container-bg;`
		1081	`}`
		1082	`}`
		1083	`}`
		1084
		1085	`$block1-wrapper-bg: #000 !default;`
		1086	`$block2-wrapper-bg: #000 !default;`
		1087	`$block3-wrapper-bg: #000 !default;`
		1088	`$block4-wrapper-bg: #000 !default;`
		1089
		1090	`.rui-hero-content-backdrop--block1 {`
		1091	`@include media-breakpoint-up(lmd) {`
		1092	`background-color: rgba($block1-wrapper-bg, .7);`
		1093	`}`
		1094	`@include media-breakpoint-between(xs, md) {`
		1095	`background-color: $block1-wrapper-bg;`
		1096	`}`
		1097	`}`
		1098
		1099	`.rui-hero-content-backdrop--block2 {`
		1100	`@include media-breakpoint-up(md) {`
		1101	`background-color: rgba($block2-wrapper-bg, .7);`
		1102	`}`
		1103	`@include media-breakpoint-between(xs, sm) {`
		1104	`background-color: $block2-wrapper-bg;`
		1105	`}`
		1106	`}`
		1107
		1108	`.rui-hero-content-backdrop--block3 {`
		1109	`@include media-breakpoint-up(md) {`
		1110	`background-color: rgba($block3-wrapper-bg, .7);`
		1111	`}`
		1112	`@include media-breakpoint-between(xs, sm) {`
		1113	`background-color: $block3-wrapper-bg;`
		1114	`}`
		1115	`}`
		1116
		1117	`.rui-hero-content-backdrop--block4 {`
		1118	`@include media-breakpoint-up(md) {`
		1119	`background-color: rgba($block4-wrapper-bg, .7);`
		1120	`}`
		1121	`@include media-breakpoint-between(xs, sm) {`
		1122	`background-color: $block4-wrapper-bg;`
		1123	`}`
		1124	`}`
		1125
		1126	`.rui-fp-block--1 {`
		1127	`.rui-hero-bg {`
		1128	`background-color: $block1-wrapper-bg;`
		1129	`}`
		1130	`}`
		1131
		1132	`.rui-fp-block--4 {`
		1133	`.rui-hero-bg {`
		1134	`background-color: $block4-wrapper-bg;`
		1135	`}`
		1136	`}`
		1137
		1138	`@include media-breakpoint-between(xs, sm) {`
		1139	`.rui-fp-block--1,`
		1140	`.rui-fp-block--4 {`
		1141	`.swiper-wrapper {`
		1142	`border: 1px solid $border-color;`
		1143	`border-radius: $btn-border-radius;`
		1144
		1145	`.theme-dark & {`
		1146	`border-color: $dm-border-color;`
		1147	`}`
		1148	`}`
		1149	`}`
		1150	`}`
		1151
		1152
		1153	`.rui-hero-content-position {`
		1154	`position: absolute;`
		1155	`z-index: 3;`
		1156
		1157	`@include media-breakpoint-between(xs, sm) {`
		1158	`position: relative;`
		1159	`top: 0 !important;`
		1160	`text-align: center;`
		1161
		1162	`p {`
		1163	`text-align: center!important;`
		1164	`}`
		1165	`}`
		1166	`}`
		1167
		1168	`.rui-hero-content-centered {`
		1169	`width: 500px;`
		1170
		1171	`text-align: center;`
		1172	`left: calc(50% - 250px);`
		1173
		1174	`@include media-breakpoint-between(xs, sm) {`
		1175	`width: 100%;`
		1176	`left: 0;`
		1177	`}`
		1178	`}`
		1179
		1180	`.rui-hero-content-left {`
		1181	`left: 100px;`
		1182
		1183	`@include media-breakpoint-only(md) {`
		1184	`text-align: center;`
		1185	`width: 500px;`
		1186	`left: calc(50% - 250px);`
		1187	`}`
		1188
		1189	`@include media-breakpoint-between(xs, sm) {`
		1190	`text-align: center;`
		1191	`width: 100%;`
		1192	`left: 0;`
		1193
		1194	`p {`
		1195	`text-align: center!important;`
		1196	`}`
		1197	`}`
		1198	`}`
		1199
		1200	`.rui-hero-content-right {`
		1201	`left: auto;`
		1202	`right: 100px;`
		1203
		1204	`@include media-breakpoint-only(md) {`
		1205	`text-align: center;`
		1206	`width: 500px;`
		1207	`right: calc(50% - 250px);`
		1208	`}`
		1209
		1210	`@include media-breakpoint-between(xs, sm) {`
		1211	`text-align: center;`
		1212	`width: 300px;`
		1213	`left: calc(50% - 150px);`
		1214
		1215	`p {`
		1216	`text-align: center!important;`
		1217	`}`
		1218	`}`
		1219	`}`
		1220
		1221	`.rui-hero-title {`
		1222	`@include media-breakpoint-up(lg) {`
		1223	`font-size: 40px;`
		1224	`line-height: 1.3;`
		1225	`}`
		1226
		1227	`@include media-breakpoint-only(md) {`
		1228	`font-size: 30px;`
		1229	`line-height: 1.3;`
		1230	`}`
		1231
		1232	`@include media-breakpoint-between(xs, sm) {`
		1233	`font-size: 20px;`
		1234	`line-height: 1.3;`
		1235	`}`
		1236
		1237	`@include media-breakpoint-between(xs, sm) {`
		1238	`color: $body-color;`
		1239
		1240	`.theme-dark & {`
		1241	`color: $dm-body-color;`
		1242	`}`
		1243	`}`
		1244	`}`
		1245
		1246	`.rui-hero-title-lg {`
		1247	`@include media-breakpoint-up(lg) {`
		1248	`font-size: 60px;`
		1249	`line-height: 1.2;`
		1250	`}`
		1251
		1252	`@include media-breakpoint-only(md) {`
		1253	`font-size: 40px;`
		1254	`line-height: 1.3;`
		1255	`}`
		1256
		1257	`@include media-breakpoint-between(xs, sm) {`
		1258	`font-size: 20px;`
		1259	`line-height: 1.3;`
		1260	`}`
		1261	`}`
		1262
		1263	`.rui-hero-title-xl {`
		1264	`@include media-breakpoint-up(lg) {`
		1265	`font-size: 80px;`
		1266	`line-height: 1.1;`
		1267	`word-break: break-all;`
		1268	`}`
		1269
		1270	`@include media-breakpoint-only(md) {`
		1271	`font-size: 40px;`
		1272	`line-height: 1.3;`
		1273	`}`
		1274
		1275	`@include media-breakpoint-between(xs, sm) {`
		1276	`font-size: 20px;`
		1277	`line-height: 1.3;`
		1278	`}`
		1279	`}`
		1280
		1281	`.rui-hero-title+.rui-hero-desc {`
		1282	`margin: 20px 0 0;`
		1283	`}`
		1284
		1285	`.rui-hero-desc {`
		1286	`font-size: 1.125rem;`
		1287
		1288	`@include media-breakpoint-only(md) {`
		1289	`font-size: .85rem;`
		1290	`}`
		1291
		1292	`@include media-breakpoint-between(xs, sm) {`
		1293	`font-size: $font-size-md;`
		1294	`color: $body-color;`
		1295
		1296	`.theme-dark & {`
		1297	`color: $dm-body-color;`
		1298	`}`
		1299	`}`
		1300	`}`
		1301
		1302	`.rui-hero-btns {`
		1303	`margin-top: $page-padding-global;`
		1304	`}`
		1305
		1306	`// Swiper inside bloks with arrows`
		1307	`.rui--swiper-arrows {`
		1308	`padding-right: 80px !important;`
		1309	`padding-left: 80px !important;`
		1310	`}`
		1311
		1312
		1313	`.rui-img--rounded-fluid img {`
		1314	`max-width: 100%;`
		1315	`height: auto;`
		1316	`border-radius: $btn-border-radius-md;`
		1317	`}`
		1318
		1319
		1320	`// 2 col imgs with caption`
		1321	`.rui-text-content--absolute {`
		1322	`padding: 80px;`
		1323
		1324	`color: $white;`
		1325
		1326	`.rui-text-content-heading {`
		1327	`font-size: 2rem;`
		1328	`font-weight: $font-weight-bold;`
		1329	`color: $white;`
		1330	`}`
		1331	`}`
		1332
		1333
		1334	`// Hero IMG`
		1335	`.rui-hero-img {`
		1336	`width: 100%;`
		1337	`overflow: hidden;`
		1338	`border-radius: $btn-border-radius-md;`
		1339
		1340	`position: relative;`
		1341	`}`
		1342
		1343
		1344	`// Hero Video`
		1345	`.rui-hero-video {`
		1346	`width: 100%;`
		1347	`height: 600px;`
		1348	`overflow: hidden;`
		1349	`border-radius: $btn-border-radius-md;`
		1350
		1351	`position: relative;`
		1352
		1353	`.vidbg-container {`
		1354	`width: 100%;`
		1355	`}`
		1356	`}`
		1357
		1358	`// Default moodle front page blocks`
		1359	`#site-news-forum,`
		1360	`#frontpage-category-combo,`
		1361	`#frontpage-course-list,`
		1362	`#frontpage-available-course-list {`
		1363	`.rui-title-container .rui-main-content-title {`
		1364	`margin: $block-el-margin-bottom 0;`
		1365
		1366	`display: block;`
		1367
		1368	`font-size: 3rem;`
		1369	`font-weight: $font-weight-bold;`
		1370	`text-align: center;`
		1371	`color: $body-color;`
		1372
		1373	`.theme-dark & {`
		1374	`color: $dm-body-color;`
		1375	`}`
		1376
		1377	`@include media-breakpoint-only(md) {`
		1378	`font-size: 2.5rem; // 40px`
		1379	`}`
		1380
		1381	`@include media-breakpoint-between(xs, sm) {`
		1382	`font-size: 1.5rem; // 24px`
		1383	`}`
		1384	`}`
		1385	`}`
		1386
		1387	`.sitetopic {`
		1388	`width: $wrapper-md;`
		1389	`margin: 0 auto;`
		1390
		1391	`@include media-breakpoint-between(xs, md) {`
		1392	`width: 100%;`
		1393	`}`
		1394	`}`
		1395
		1396
		1397	`// Front page blocks - elements`
		1398	`.rui-icon-box {`
		1399	`width: 60px;`
		1400	`height: 60px;`
		1401	`border-radius: 60px;`
		1402
		1403	`display: flex;`
		1404	`justify-content: center;`
		1405	`align-items: center;`
		1406	`}`
		1407
		1408	`.rui-icon-box--primary-light {`
		1409	`background-color: $primary-color-100;`
		1410	`color: $primary-color-600;`
		1411
		1412	`.theme-dark & {`
		1413	`background-color: $primary-color-600;`
		1414	`color: $primary-color-100;`
		1415	`}`
		1416	`}`
		1417
		1418	`.rui-icon-box--primary {`
		1419	`background-color: $primary-color-600;`
		1420	`color: $primary-color-100;`
		1421	`}`
		1422
		1423	`.rui-icon-box--gray {`
		1424	`background-color: $gray-100;`
		1425	`color: $gray-600;`
		1426
		1427	`.theme-dark & {`
		1428	`background-color: $dm-gray-100;`
		1429	`color: $dm-gray-600;`
		1430	`}`
		1431	`}`
		1432
		1433	`.rui-icon-box--black {`
		1434	`background-color: $black;`
		1435	`color: $gray-100;`
		1436
		1437	`.theme-dark & {`
		1438	`background-color: $white;`
		1439	`color: $black;`
		1440	`}`
		1441	`}`
		1442
		1443	`.rui-icon-box--white {`
		1444	`background-color: $white;`
		1445	`color: $gray-900;`
		1446
		1447	`.theme-dark & {`
		1448	`background-color: $black;`
		1449	`color: $white;`
		1450	`}`
		1451	`}`
		1452
		1453	`.rui-block-text--secondary {`
		1454	`color: $body-color-secondary;`
		1455	`}`
		1456
		1457	`.rui-block-text--light {`
		1458	`color: $body-color-light;`
		1459	`}`
		1460
		1461	`.rui-block-text--1 {`
		1462	`font-size: $font-size-lg;`
		1463	`}`
		1464
		1465	`.rui-block-text--2 {`
		1466	`font-size: $font-size-md;`
		1467	`}`
		1468
		1469	`.rui-block-text--3 {`
		1470	`font-size: $font-size-xs;`
		1471	`}`
		1472
		1473	`.rui-rounded-icon {`
		1474	`display: inline-flex;`
		1475	`align-items: center;`
		1476
		1477	`border-radius: 40px;`
		1478	`padding: 10px;`
		1479
		1480	`img,`
		1481	`svg {`
		1482	`width: 24px;`
		1483	`height: auto;`
		1484	`}`
		1485	`}`
		1486
		1487	`.rui-rounded-icon--color {`
		1488	`background-color: $primary-color-100;`
		1489	`color: $primary-color-600;`
		1490
		1491	`.theme-dark & {`
		1492	`background-color: $primary-color-600;`
		1493	`color: $primary-color-100;`
		1494	`}`
		1495	`}`
		1496
		1497	`.rui-rounded-icon--gray {`
		1498	`background-color: $gray-100;`
		1499	`color: $gray-800;`
		1500
		1501	`.theme-dark & {`
		1502	`background-color: $dm-gray-100;`
		1503	`color: $dm-gray-800;`
		1504	`}`
		1505	`}`
		1506
		1507
		1508	`.rui-card--colorized {`
		1509	`padding: 60px;`
		1510	`color: $body-color;`
		1511
		1512	`@include media-breakpoint-between(xs, sm) {`
		1513	`padding: 30px;`
		1514	`}`
		1515
		1516	`.rui-card-text,`
		1517	`.lead-1,`
		1518	`.lead-2,`
		1519	`.lead-3,`
		1520	`.lead-4,`
		1521	`.display-1,`
		1522	`.display-2,`
		1523	`.display-3,`
		1524	`.display-4 {`
		1525	`color: $body-color;`
		1526	`}`
		1527
		1528	`}`
		1529
		1530	`// Margins`
		1531	`.rui-fp-block-mt {`
		1532	`margin-top: 80px;`
		1533
		1534	`@include media-breakpoint-between(xs, sm) {`
		1535	`margin-top: 40px;`
		1536	`}`
		1537	`}`
		1538
		1539	`.rui-fp-block-mb {`
		1540	`margin-bottom: 60px;`
		1541
		1542	`@include media-breakpoint-between(xs, sm) {`
		1543	`margin-bottom: 30px;`
		1544	`}`
		1545	`}`
		1546
		1547	`//`
		1548
		1549	`//Grid Content UI`
		1550	`.rui-fp-content-box--left,`
		1551	`.rui-fp-content-box--right,`
		1552	`.rui-img--rounded-left,`
		1553	`.rui-img--rounded-right {`
		1554	`overflow: hidden;`
		1555	`}`
		1556
		1557	`.rui-fp-grid-content--1,`
		1558	`.rui-fp-grid-content--3 {`
		1559	`.rui-fp-content-box {`
		1560	`background-color: $gray-100;`
		1561
		1562	`.theme-dark & {`
		1563	`background-color: $dm-gray-100;`
		1564	`}`
		1565
		1566	`@include media-breakpoint-up(md) {`
		1567	`padding: 80px;`
		1568	`}`
		1569
		1570	`@include media-breakpoint-between(xs, sm) {`
		1571	`padding: 30px;`
		1572	`}`
		1573	`}`
		1574
		1575
		1576	`@include media-breakpoint-up(lg) {`
		1577	`.rui-fp-content-box--left {`
		1578	`border-radius: $btn-border-radius 0 $btn-border-radius $btn-border-radius;`
		1579	`}`
		1580
		1581	`.rui-fp-content-box--right {`
		1582	`border-radius: 0 $btn-border-radius $btn-border-radius $btn-border-radius;`
		1583	`}`
		1584
		1585	`.rui-img--rounded-left {`
		1586	`border-radius: $btn-border-radius 0 $btn-border-radius $btn-border-radius;`
		1587	`}`
		1588
		1589	`.rui-img--rounded-right {`
		1590	`border-radius: 0 $btn-border-radius $btn-border-radius $btn-border-radius;`
		1591	`}`
		1592	`}`
		1593
		1594	`@include media-breakpoint-between(xs, md) {`
		1595
		1596	`.rui-fp-content-box--left,`
		1597	`.rui-fp-content-box--right,`
		1598	`.rui-img--rounded-left,`
		1599	`.rui-img--rounded-right {`
		1600	`border-radius: $btn-border-radius-lg;`
		1601	`}`
		1602	`}`
		1603
		1604	`}`
		1605
		1606	`.rui-fp-grid-content--2 {`
		1607	`.rui-fp-content-box {`
		1608	`background-color: $gray-100;`
		1609
		1610	`.theme-dark & {`
		1611	`background-color: $dm-gray-100;`
		1612	`}`
		1613
		1614	`@include media-breakpoint-up(md) {`
		1615	`padding: 80px;`
		1616	`}`
		1617
		1618	`@include media-breakpoint-between(xs, sm) {`
		1619	`padding: 30px;`
		1620	`}`
		1621	`}`
		1622
		1623	`@include media-breakpoint-up(lg) {`
		1624	`.rui-fp-content-box--left {`
		1625	`border-radius: $btn-border-radius $btn-border-radius 0 $btn-border-radius;`
		1626	`}`
		1627
		1628	`.rui-fp-content-box--right {`
		1629	`border-radius: $btn-border-radius $btn-border-radius $btn-border-radius 0;`
		1630	`}`
		1631
		1632	`.rui-img--rounded-left {`
		1633	`border-radius: $btn-border-radius $btn-border-radius 0 $btn-border-radius;`
		1634	`}`
		1635
		1636	`.rui-img--rounded-right {`
		1637	`border-radius: $btn-border-radius $btn-border-radius $btn-border-radius 0;`
		1638	`}`
		1639	`}`
		1640
		1641	`@include media-breakpoint-between(xs, md) {`
		1642
		1643	`.rui-fp-content-box--left,`
		1644	`.rui-fp-content-box--right,`
		1645	`.rui-img--rounded-left,`
		1646	`.rui-img--rounded-right {`
		1647	`border-radius: $btn-border-radius-lg;`
		1648	`}`
		1649	`}`
		1650	`}`
		1651
		1652
		1653	`.rui-fp-grid-content--3 {`
		1654	`.rui-fp-content-box {`
		1655	`@include media-breakpoint-up(md) {`
		1656	`padding: 80px;`
		1657	`}`
		1658
		1659	`@include media-breakpoint-between(xs, sm) {`
		1660	`padding: 30px;`
		1661	`}`
		1662	`}`
		1663	`}`
		1664
		1665	`.rui-fp-grid-content--4 {`
		1666	`.rui-fp-content-box {`
		1667
		1668	`@include media-breakpoint-up(md) {`
		1669	`padding: 80px;`
		1670	`}`
		1671
		1672	`@include media-breakpoint-between(xs, sm) {`
		1673	`padding: 30px;`
		1674	`}`
		1675	`}`
		1676
		1677	`@include media-breakpoint-up(lg) {`
		1678	`.rui-fp-content-box--left {`
		1679	`border-radius: 120px 120px 0 120px;`
		1680	`}`
		1681
		1682	`.rui-fp-content-box--right {`
		1683	`border-radius: 120px 120px 120px 0;`
		1684	`}`
		1685
		1686	`.rui-img--rounded-left {`
		1687	`border-radius: 120px 120px 0 120px;`
		1688	`}`
		1689
		1690	`.rui-img--rounded-right {`
		1691	`border-radius: 120px 120px 120px 0;`
		1692	`}`
		1693	`}`
		1694
		1695	`@include media-breakpoint-between(xs, md) {`
		1696
		1697	`.rui-fp-content-box--left,`
		1698	`.rui-fp-content-box--right,`
		1699	`.rui-img--rounded-left,`
		1700	`.rui-img--rounded-right {`
		1701	`border-radius: 120px;`
		1702	`}`
		1703	`}`
		1704	`}`
		1705
		1706	`.rui-fp-grid-content--5 {`
		1707	`.rui-fp-content-box {`
		1708	`background-color: $primary-color-100;`
		1709
		1710	`.theme-dark & {`
		1711	`background-color: $dm-black;`
		1712	`}`
		1713
		1714	`@include media-breakpoint-up(md) {`
		1715	`padding: 80px;`
		1716	`}`
		1717
		1718	`@include media-breakpoint-between(xs, sm) {`
		1719	`padding: 30px;`
		1720	`}`
		1721	`}`
		1722
		1723	`@include media-breakpoint-up(lg) {`
		1724	`.rui-fp-content-box--left {`
		1725	`border-radius: $btn-border-radius $btn-border-radius 0 $btn-border-radius;`
		1726	`}`
		1727
		1728	`.rui-fp-content-box--right {`
		1729	`border-radius: $btn-border-radius $btn-border-radius $btn-border-radius 0;`
		1730	`}`
		1731
		1732	`.rui-img--rounded-left {`
		1733	`border-radius: $btn-border-radius $btn-border-radius 0 $btn-border-radius;`
		1734	`}`
		1735
		1736	`.rui-img--rounded-right {`
		1737	`border-radius: $btn-border-radius $btn-border-radius $btn-border-radius 0;`
		1738	`}`
		1739	`}`
		1740
		1741	`@include media-breakpoint-between(xs, md) {`
		1742
		1743	`.rui-fp-content-box--left,`
		1744	`.rui-fp-content-box--right,`
		1745	`.rui-img--rounded-left,`
		1746	`.rui-img--rounded-right {`
		1747	`border-radius: $btn-border-radius-lg;`
		1748	`}`
		1749	`}`
		1750	`}`
		1751
		1752	`.rui-img-box--anim {`
		1753	`overflow: hidden;`
		1754	`height: 100%;`
		1755	`box-sizing: border-box;`
		1756	`display: block;`
		1757	`position: relative;`
		1758	`height: 100%;`
		1759
		1760	`img {`
		1761	`transition: all 350ms ease-in-out;`
		1762
		1763	`box-sizing: border-box;`
		1764	`display: block;`
		1765	`position: absolute;`
		1766	`width: 100%;`
		1767	`height: 100%;`
		1768	`object-fit: cover;`
		1769	`}`
		1770
		1771	`&:hover {`
		1772	`img {`
		1773	`transform: scale(1.1);`
		1774	`}`
		1775	`}`
		1776	`}`
		1777
		1778	`.rui-list--gap {`
		1779	`display: grid;`
		1780	`row-gap: 30px;`
		1781	`}`
		1782
		1783	`.rui-img-mask--grayscale {`
		1784	`img {`
		1785	`filter: grayscale(1);`
		1786	`}`
		1787	`}`

Proyectos de Subversion Moodle

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