Things used:
| {{ range $index, $element := first 5 .Site.Menus.functions }} | |
| <a href="{{.URL}}" class="block leading-tight text-white mb-4 xl:mb-6 hover:text-blue-500"> | |
| {{.Name}} | |
| </a> | |
| {{ end }} | |
| </div> | |
| <div class="md:w-1/2 lg:w-full xl:w-1/2 xl:px-2"> | |
| {{ range $index, $element := first 5 (after 5 .Site.Menus.functions ) }} | |
| <a href="{{.URL}}" class="block leading-tight text-white mb-4 xl:mb-6 hover:text-blue-500"> | |
| {{.Name}} |
| /* | |
| * Grids | |
| */ | |
| .grid { | |
| /* Fallback: create equal heights of items for non grid browsers like Edge */ | |
| @supports not (display: grid) { | |
| display: flex; | |
| flex-flow: row wrap; | |
| } |
| import { Component, ViewContainerRef } from '@angular/core'; | |
| import { FormGroup } from '@angular/forms'; | |
| import { Field } from '../../models/field.interface'; | |
| import { FieldConfig } from '../../models/field-config.interface'; | |
| @Component({ | |
| selector: 'app-form-input', | |
| styleUrls: ['form-input.component.scss'], | |
| template: ` |