frankspin89

https://www.reddit.com/r/homeassistant/comments/10q8bj9/after_a_day_of_yaml_and_css_wrangling_finally/

Things used:

• https://github.com/thomasloven/lovelace-layout-card
• https://github.com/nervetattoo/simple-thermostat
• https://github.com/kalkih/mini-graph-card
• https://community.home-assistant.io/t/metrology-metro-fluent-windows-themes-for-home-assistant/419530
• https://github.com/thomasloven/lovelace-card-mod
• https://github.com/pkissling/clock-weather-card

frankspin89

          {{ 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}}

frankspin89

/*
 * Grids
 */

.grid {
  /* Fallback: create equal heights of items for non grid browsers like Edge */
  @supports not (display: grid) {
    display: flex;
    flex-flow: row wrap;
  }

frankspin89

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: `