WebSVN – Moodle – Autoría – /theme/universe/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: $btn-border-radius-lg;`
		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: $btn-border-radius-lg;`
		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-lg;`
		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-lg;`
		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: var(--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: $btn-border-radius-md;`
		655	`}`
		656
		657	`.rui-rounded--md {`
		658	`border-radius: $btn-border-radius-md;`
		659	`}`
		660
		661	`.rui-rounded--lg {`
		662	`border-radius: $btn-border-radius-lg;`
		663	`}`
		664
		665	`.rui-rounded--xl {`
		666	`border-radius: $btn-border-radius-xl;`
		667	`}`
		668
		669	`.rui-img-rounded img {`
		670	`display: block!important;`
		671	`border-radius: $border-radius!important;`
		672	`}`
		673
		674	`.rui-img-rounded--md img {`
		675	`display: block!important;`
		676	`border-radius: $border-radius-md!important;`
		677	`}`
		678
		679	`.rui-img-rounded--lg img {`
		680	`display: block!important;`
		681	`border-radius: $border-radius-lg!important;`
		682	`}`
		683
		684	`.rui-img-rounded--xl img {`
		685	`display: block!important;`
		686	`border-radius: 60px!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: var(--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($gray-800)}' 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: var(--primary-color-100);`
		957	`border-color: var(--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: var(--main-theme-color);`
		963	`}`
		964
		965	`@include media-breakpoint-between(xs, md) {`
		966	`border-left: 1px solid var(--primary-color-300);`
		967
		968	`.theme-dark & {`
		969	`border-color: var(--main-theme-color) !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: 30px;`
		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: var(--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-lg;`
		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-lg;`
		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	`background-color: $block1-wrapper-bg;`
		1092	`}`
		1093
		1094	`.rui-hero-content-backdrop--block2 {`
		1095	`background-color: $block2-wrapper-bg;`
		1096	`}`
		1097
		1098	`.rui-hero-content-backdrop--block3 {`
		1099	`background-color: $block3-wrapper-bg;`
		1100	`}`
		1101
		1102	`.rui-hero-content-backdrop--block4 {`
		1103	`background-color: $block4-wrapper-bg;`
		1104	`}`
		1105
		1106	`.rui-fp-block--1 {`
		1107	`.rui-hero-bg {`
		1108	`background-color: $block1-wrapper-bg;`
		1109	`}`
		1110	`}`
		1111
		1112	`.rui-fp-block--4 {`
		1113	`.rui-hero-bg {`
		1114	`background-color: $block4-wrapper-bg;`
		1115	`}`
		1116	`}`
		1117
		1118	`@include media-breakpoint-between(xs, sm) {`
		1119	`.rui-fp-block--1,`
		1120	`.rui-fp-block--4 {`
		1121	`.swiper-wrapper {`
		1122	`border: 1px solid $border-color;`
		1123	`border-radius: $btn-border-radius;`
		1124
		1125	`.theme-dark & {`
		1126	`border-color: $dm-border-color;`
		1127	`}`
		1128	`}`
		1129	`}`
		1130	`}`
		1131
		1132
		1133	`.rui-hero-content-position {`
		1134	`position: absolute;`
		1135	`z-index: 3;`
		1136
		1137	`@include media-breakpoint-between(xs, sm) {`
		1138	`position: relative;`
		1139	`top: 0 !important;`
		1140	`text-align: center;`
		1141
		1142	`p {`
		1143	`text-align: center!important;`
		1144	`}`
		1145	`}`
		1146	`}`
		1147
		1148	`.rui-hero-content-centered {`
		1149	`width: 500px;`
		1150
		1151	`text-align: center;`
		1152	`left: calc(50% - 250px);`
		1153
		1154	`@include media-breakpoint-between(xs, sm) {`
		1155	`width: 100%;`
		1156	`left: 0;`
		1157	`}`
		1158	`}`
		1159
		1160	`.rui-hero-content-left {`
		1161	`left: 100px;`
		1162
		1163	`@include media-breakpoint-only(md) {`
		1164	`text-align: center;`
		1165	`width: 500px;`
		1166	`left: calc(50% - 250px);`
		1167	`}`
		1168
		1169	`@include media-breakpoint-between(xs, sm) {`
		1170	`text-align: center;`
		1171	`width: 100%;`
		1172	`left: 0;`
		1173
		1174	`p {`
		1175	`text-align: center!important;`
		1176	`}`
		1177	`}`
		1178	`}`
		1179
		1180	`.rui-hero-content-right {`
		1181	`left: auto;`
		1182	`right: 100px;`
		1183
		1184	`@include media-breakpoint-only(md) {`
		1185	`text-align: center;`
		1186	`width: 500px;`
		1187	`right: calc(50% - 250px);`
		1188	`}`
		1189
		1190	`@include media-breakpoint-between(xs, sm) {`
		1191	`text-align: center;`
		1192	`width: 300px;`
		1193	`left: calc(50% - 150px);`
		1194
		1195	`p {`
		1196	`text-align: center!important;`
		1197	`}`
		1198	`}`
		1199	`}`
		1200
		1201	`.rui-hero-title {`
		1202	`@include media-breakpoint-up(lg) {`
		1203	`font-size: 40px;`
		1204	`line-height: 1.3;`
		1205	`}`
		1206
		1207	`@include media-breakpoint-only(md) {`
		1208	`font-size: 30px;`
		1209	`line-height: 1.3;`
		1210	`}`
		1211
		1212	`@include media-breakpoint-between(xs, sm) {`
		1213	`font-size: 20px;`
		1214	`line-height: 1.3;`
		1215	`}`
		1216
		1217	`@include media-breakpoint-between(xs, sm) {`
		1218	`color: $body-color;`
		1219
		1220	`.theme-dark & {`
		1221	`color: $dm-body-color;`
		1222	`}`
		1223	`}`
		1224	`}`
		1225
		1226	`.rui-hero-title-lg {`
		1227	`@include media-breakpoint-up(lg) {`
		1228	`font-size: 60px;`
		1229	`line-height: 1.2;`
		1230	`}`
		1231
		1232	`@include media-breakpoint-only(md) {`
		1233	`font-size: 40px;`
		1234	`line-height: 1.3;`
		1235	`}`
		1236
		1237	`@include media-breakpoint-between(xs, sm) {`
		1238	`font-size: 20px;`
		1239	`line-height: 1.3;`
		1240	`}`
		1241	`}`
		1242
		1243	`.rui-hero-title-xl {`
		1244	`@include media-breakpoint-up(lg) {`
		1245	`font-size: 80px;`
		1246	`line-height: 1.1;`
		1247	`word-break: break-all;`
		1248	`}`
		1249
		1250	`@include media-breakpoint-only(md) {`
		1251	`font-size: 40px;`
		1252	`line-height: 1.3;`
		1253	`}`
		1254
		1255	`@include media-breakpoint-between(xs, sm) {`
		1256	`font-size: 20px;`
		1257	`line-height: 1.3;`
		1258	`}`
		1259	`}`
		1260
		1261	`.rui-hero-title+.rui-hero-desc {`
		1262	`margin: 20px 0 0;`
		1263	`}`
		1264
		1265	`.rui-hero-desc {`
		1266	`font-size: 1.125rem;`
		1267
		1268	`@include media-breakpoint-only(md) {`
		1269	`font-size: .85rem;`
		1270	`}`
		1271
		1272	`@include media-breakpoint-between(xs, sm) {`
		1273	`font-size: $font-size-md;`
		1274	`color: $body-color;`
		1275
		1276	`.theme-dark & {`
		1277	`color: $dm-body-color;`
		1278	`}`
		1279	`}`
		1280	`}`
		1281
		1282	`.rui-hero-btns {`
		1283	`margin-top: $page-padding-global;`
		1284	`}`
		1285
		1286	`// Swiper inside bloks with arrows`
		1287	`.rui--swiper-arrows {`
		1288	`padding-right: 80px !important;`
		1289	`padding-left: 80px !important;`
		1290	`}`
		1291
		1292
		1293	`.rui-img--rounded-fluid img {`
		1294	`max-width: 100%;`
		1295	`height: auto;`
		1296	`border-radius: $btn-border-radius-md;`
		1297	`}`
		1298
		1299
		1300	`// 2 col imgs with caption`
		1301	`.rui-text-content--absolute {`
		1302	`padding: 80px;`
		1303
		1304	`color: $white;`
		1305
		1306	`.rui-text-content-heading {`
		1307	`font-size: 2rem;`
		1308	`font-weight: $font-weight-bold;`
		1309	`color: $white;`
		1310	`}`
		1311	`}`
		1312
		1313
		1314	`// Hero IMG`
		1315	`.rui-hero-img {`
		1316	`width: 100%;`
		1317	`overflow: hidden;`
		1318	`border-radius: $btn-border-radius-lg;`
		1319
		1320	`position: relative;`
		1321	`}`
		1322
		1323
		1324	`// Hero Video`
		1325	`.rui-hero-video {`
		1326	`width: 100%;`
		1327	`height: 600px;`
		1328	`overflow: hidden;`
		1329	`border-radius: $btn-border-radius-lg;`
		1330
		1331	`position: relative;`
		1332
		1333	`.vidbg-container {`
		1334	`width: 100%;`
		1335	`}`
		1336	`}`
		1337
		1338	`// Default moodle front page blocks`
		1339	`#site-news-forum,`
		1340	`#frontpage-category-combo,`
		1341	`#frontpage-course-list,`
		1342	`#frontpage-available-course-list {`
		1343	`.rui-title-container .rui-main-content-title {`
		1344	`margin: $block-el-margin-bottom 0;`
		1345
		1346	`display: block;`
		1347
		1348	`font-size: 3rem;`
		1349	`font-weight: $font-weight-bold;`
		1350	`text-align: center;`
		1351	`color: $body-color;`
		1352
		1353	`.theme-dark & {`
		1354	`color: $dm-body-color;`
		1355	`}`
		1356
		1357	`@include media-breakpoint-only(md) {`
		1358	`font-size: 2.5rem; // 40px`
		1359	`}`
		1360
		1361	`@include media-breakpoint-between(xs, sm) {`
		1362	`font-size: 1.5rem; // 24px`
		1363	`}`
		1364	`}`
		1365	`}`
		1366
		1367	`.sitetopic {`
		1368	`width: $wrapper-md;`
		1369	`margin: 0 auto;`
		1370
		1371	`@include media-breakpoint-between(xs, md) {`
		1372	`width: 100%;`
		1373	`}`
		1374	`}`
		1375
		1376
		1377	`// Front page blocks - elements`
		1378	`.rui-icon-box {`
		1379	`width: 60px;`
		1380	`height: 60px;`
		1381	`border-radius: 60px;`
		1382
		1383	`display: flex;`
		1384	`justify-content: center;`
		1385	`align-items: center;`
		1386	`}`
		1387
		1388	`.rui-icon-box--primary-light {`
		1389	`background-color: var(--primary-color-100);`
		1390	`color: var(--main-theme-color);`
		1391
		1392	`.theme-dark & {`
		1393	`background-color: var(--main-theme-color);`
		1394	`color: var(--primary-color-100);`
		1395	`}`
		1396	`}`
		1397
		1398	`.rui-icon-box--primary {`
		1399	`background-color: var(--main-theme-color);`
		1400	`color: var(--primary-color-100);`
		1401	`}`
		1402
		1403	`.rui-icon-box--gray {`
		1404	`background-color: $gray-100;`
		1405	`color: $gray-600;`
		1406
		1407	`.theme-dark & {`
		1408	`background-color: $dm-gray-100;`
		1409	`color: $dm-gray-600;`
		1410	`}`
		1411	`}`
		1412
		1413	`.rui-icon-box--black {`
		1414	`background-color: $black;`
		1415	`color: $gray-100;`
		1416
		1417	`.theme-dark & {`
		1418	`background-color: $white;`
		1419	`color: $black;`
		1420	`}`
		1421	`}`
		1422
		1423	`.rui-icon-box--white {`
		1424	`background-color: $white;`
		1425	`color: $gray-900;`
		1426
		1427	`.theme-dark & {`
		1428	`background-color: $black;`
		1429	`color: $white;`
		1430	`}`
		1431	`}`
		1432
		1433	`.rui-block-text--secondary {`
		1434	`color: $body-color-secondary;`
		1435	`}`
		1436
		1437	`.rui-block-text--light {`
		1438	`color: $body-color-light;`
		1439	`}`
		1440
		1441	`.rui-block-text--1 {`
		1442	`font-size: $font-size-lg;`
		1443	`}`
		1444
		1445	`.rui-block-text--2 {`
		1446	`font-size: $font-size-md;`
		1447	`}`
		1448
		1449	`.rui-block-text--3 {`
		1450	`font-size: $font-size-xs;`
		1451	`}`
		1452
		1453	`.rui-rounded-icon {`
		1454	`display: inline-flex;`
		1455	`align-items: center;`
		1456
		1457	`border-radius: 40px;`
		1458	`padding: 10px;`
		1459
		1460	`img,`
		1461	`svg {`
		1462	`width: 24px;`
		1463	`height: auto;`
		1464	`}`
		1465	`}`
		1466
		1467	`.rui-rounded-icon--color {`
		1468	`background-color: var(--primary-color-100);`
		1469	`color: var(--main-theme-color);`
		1470
		1471	`.theme-dark & {`
		1472	`background-color: var(--main-theme-color);`
		1473	`color: var(--primary-color-100);`
		1474	`}`
		1475	`}`
		1476
		1477	`.rui-rounded-icon--gray {`
		1478	`background-color: $gray-100;`
		1479	`color: $gray-800;`
		1480
		1481	`.theme-dark & {`
		1482	`background-color: $dm-gray-100;`
		1483	`color: $dm-gray-800;`
		1484	`}`
		1485	`}`
		1486
		1487
		1488	`.rui-card--colorized {`
		1489	`padding: 60px;`
		1490	`color: $body-color;`
		1491
		1492	`.theme-dark & {`
		1493	`color: $dm-body-color;`
		1494	`background-color: $dm-gray-100!important;`
		1495	`}`
		1496
		1497	`@include media-breakpoint-between(xs, sm) {`
		1498	`padding: 30px;`
		1499	`}`
		1500
		1501	`.rui-card-text,`
		1502	`.lead-1,`
		1503	`.lead-2,`
		1504	`.lead-3,`
		1505	`.lead-4,`
		1506	`.display-1,`
		1507	`.display-2,`
		1508	`.display-3,`
		1509	`.display-4 {`
		1510	`color: $body-color;`
		1511
		1512	`.theme-dark & {`
		1513	`color: $dm-body-color;`
		1514	`}`
		1515	`}`
		1516
		1517	`}`
		1518
		1519	`// Margins`
		1520	`.rui-fp-block-mt {`
		1521	`margin-top: 80px;`
		1522
		1523	`@include media-breakpoint-between(xs, sm) {`
		1524	`margin-top: 40px;`
		1525	`}`
		1526	`}`
		1527
		1528	`.rui-fp-block-mb {`
		1529	`margin-bottom: 60px;`
		1530
		1531	`@include media-breakpoint-between(xs, sm) {`
		1532	`margin-bottom: 30px;`
		1533	`}`
		1534	`}`
		1535
		1536	`//`
		1537
		1538	`//Grid Content UI`
		1539	`.rui-fp-content-box--left,`
		1540	`.rui-fp-content-box--right,`
		1541	`.rui-img--rounded-left,`
		1542	`.rui-img--rounded-right {`
		1543	`overflow: hidden;`
		1544	`}`
		1545
		1546	`.rui-fp-grid-content--1,`
		1547	`.rui-fp-grid-content--3 {`
		1548	`.rui-fp-content-box {`
		1549	`background-color: $gray-100;`
		1550
		1551	`.theme-dark & {`
		1552	`background-color: $dm-gray-100;`
		1553	`}`
		1554
		1555	`@include media-breakpoint-up(md) {`
		1556	`padding: 80px;`
		1557	`}`
		1558
		1559	`@include media-breakpoint-between(xs, sm) {`
		1560	`padding: 30px;`
		1561	`}`
		1562	`}`
		1563
		1564
		1565	`@include media-breakpoint-up(lg) {`
		1566	`.rui-fp-content-box--left {`
		1567	`border-radius: 60px 0 60px 60px;`
		1568	`}`
		1569
		1570	`.rui-fp-content-box--right {`
		1571	`border-radius: 0 60px 60px 60px;`
		1572	`}`
		1573
		1574	`.rui-img--rounded-left {`
		1575	`border-radius: 60px 0 60px 60px;`
		1576	`}`
		1577
		1578	`.rui-img--rounded-right {`
		1579	`border-radius: 0 60px 60px 60px;`
		1580	`}`
		1581	`}`
		1582
		1583	`@include media-breakpoint-between(xs, md) {`
		1584
		1585	`.rui-fp-content-box--left,`
		1586	`.rui-fp-content-box--right,`
		1587	`.rui-img--rounded-left,`
		1588	`.rui-img--rounded-right {`
		1589	`border-radius: $btn-border-radius-lg;`
		1590	`}`
		1591	`}`
		1592
		1593	`}`
		1594
		1595	`.rui-fp-grid-content--2 {`
		1596	`.rui-fp-content-box {`
		1597	`background-color: $gray-100;`
		1598
		1599	`.theme-dark & {`
		1600	`background-color: $dm-gray-100;`
		1601	`}`
		1602
		1603	`@include media-breakpoint-up(md) {`
		1604	`padding: 80px;`
		1605	`}`
		1606
		1607	`@include media-breakpoint-between(xs, sm) {`
		1608	`padding: 30px;`
		1609	`}`
		1610	`}`
		1611
		1612	`@include media-breakpoint-up(lg) {`
		1613	`.rui-fp-content-box--left {`
		1614	`border-radius: 60px 60px 0 60px;`
		1615	`}`
		1616
		1617	`.rui-fp-content-box--right {`
		1618	`border-radius: 60px 60px 60px 0;`
		1619	`}`
		1620
		1621	`.rui-img--rounded-left {`
		1622	`border-radius: 60px 60px 0 60px;`
		1623	`}`
		1624
		1625	`.rui-img--rounded-right {`
		1626	`border-radius: 60px 60px 60px 0;`
		1627	`}`
		1628	`}`
		1629
		1630	`@include media-breakpoint-between(xs, md) {`
		1631
		1632	`.rui-fp-content-box--left,`
		1633	`.rui-fp-content-box--right,`
		1634	`.rui-img--rounded-left,`
		1635	`.rui-img--rounded-right {`
		1636	`border-radius: $btn-border-radius-lg;`
		1637	`}`
		1638	`}`
		1639	`}`
		1640
		1641
		1642	`.rui-fp-grid-content--3 {`
		1643	`.rui-fp-content-box {`
		1644	`@include media-breakpoint-up(md) {`
		1645	`padding: 80px;`
		1646	`}`
		1647
		1648	`@include media-breakpoint-between(xs, sm) {`
		1649	`padding: 30px;`
		1650	`}`
		1651	`}`
		1652	`}`
		1653
		1654	`.rui-fp-grid-content--4 {`
		1655	`.rui-fp-content-box {`
		1656
		1657	`@include media-breakpoint-up(md) {`
		1658	`padding: 80px;`
		1659	`}`
		1660
		1661	`@include media-breakpoint-between(xs, sm) {`
		1662	`padding: 30px;`
		1663	`}`
		1664	`}`
		1665
		1666	`@include media-breakpoint-up(lg) {`
		1667	`.rui-fp-content-box--left {`
		1668	`border-radius: 120px 120px 0 120px;`
		1669	`}`
		1670
		1671	`.rui-fp-content-box--right {`
		1672	`border-radius: 120px 120px 120px 0;`
		1673	`}`
		1674
		1675	`.rui-img--rounded-left {`
		1676	`border-radius: 120px 120px 0 120px;`
		1677	`}`
		1678
		1679	`.rui-img--rounded-right {`
		1680	`border-radius: 120px 120px 120px 0;`
		1681	`}`
		1682	`}`
		1683
		1684	`@include media-breakpoint-between(xs, md) {`
		1685
		1686	`.rui-fp-content-box--left,`
		1687	`.rui-fp-content-box--right,`
		1688	`.rui-img--rounded-left,`
		1689	`.rui-img--rounded-right {`
		1690	`border-radius: 120px;`
		1691	`}`
		1692	`}`
		1693	`}`
		1694
		1695	`.rui-fp-grid-content--5 {`
		1696	`.rui-fp-content-box {`
		1697	`background-color: var(--primary-color-100);`
		1698
		1699	`.theme-dark & {`
		1700	`background-color: $dm-black;`
		1701	`}`
		1702
		1703	`@include media-breakpoint-up(md) {`
		1704	`padding: 80px;`
		1705	`}`
		1706
		1707	`@include media-breakpoint-between(xs, sm) {`
		1708	`padding: 30px;`
		1709	`}`
		1710	`}`
		1711
		1712	`@include media-breakpoint-up(lg) {`
		1713	`.rui-fp-content-box--left {`
		1714	`border-radius: 60px 60px 0 60px;`
		1715	`}`
		1716
		1717	`.rui-fp-content-box--right {`
		1718	`border-radius: 60px 60px 60px 0;`
		1719	`}`
		1720
		1721	`.rui-img--rounded-left {`
		1722	`border-radius: 60px 60px 0 60px;`
		1723	`}`
		1724
		1725	`.rui-img--rounded-right {`
		1726	`border-radius: 60px 60px 60px 0;`
		1727	`}`
		1728	`}`
		1729
		1730	`@include media-breakpoint-between(xs, md) {`
		1731
		1732	`.rui-fp-content-box--left,`
		1733	`.rui-fp-content-box--right,`
		1734	`.rui-img--rounded-left,`
		1735	`.rui-img--rounded-right {`
		1736	`border-radius: $btn-border-radius-lg;`
		1737	`}`
		1738	`}`
		1739	`}`
		1740
		1741	`.rui-img-box--anim {`
		1742	`overflow: hidden;`
		1743	`height: 100%;`
		1744	`box-sizing: border-box;`
		1745	`display: block;`
		1746	`position: relative;`
		1747	`height: 100%;`
		1748
		1749	`img {`
		1750	`transition: all 350ms ease-in-out;`
		1751
		1752	`box-sizing: border-box;`
		1753	`display: block;`
		1754	`position: absolute;`
		1755	`width: 100%;`
		1756	`height: 100%;`
		1757	`object-fit: cover;`
		1758	`}`
		1759
		1760	`&:hover {`
		1761	`img {`
		1762	`transform: scale(1.1);`
		1763	`}`
		1764	`}`
		1765	`}`
		1766
		1767	`.rui-list--gap {`
		1768	`display: grid;`
		1769	`row-gap: 30px;`
		1770	`}`
		1771
		1772	`.rui-img-mask--grayscale {`
		1773	`img {`
		1774	`filter: grayscale(1);`
		1775	`}`
		1776	`}`

Proyectos de Subversion Moodle

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