Html.Attributes.style does not support setting custom properties. For e.g. the following won't work:
style "--alert-text-color" "#123456"re: [Asking for support][support]
Each of these examples assume the usage of --strict mode in Typescript
Can be implemented using “Custom Types” https://guide.elm-lang.org/types/custom_types.html
| module Main exposing (..) | |
| type alias Bar = | |
| { baz : String } | |
| type alias Foo = | |
| { bar : Bar } |
| <!DOCTYPE HTML> | |
| <html> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <title>Semantic UI CDN</title> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.9/semantic.min.css"/> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.9/semantic.min.js"></script> | |
| </head> | |
| <body> |
| 'use strict'; | |
| /* eslint-disable consistent-this */ | |
| let middlewareManagerHash = []; | |
| /** | |
| * Composes single-argument functions from right to left. The rightmost | |
| * function can take multiple arguments as it provides the signature for | |
| * the resulting composite function. | |
| * |
| -- hattip https://github.com/lodestone/hyper-hacks | |
| -- hattip https://gist.github.com/ttscoff/cce98a711b5476166792d5e6f1ac5907 | |
| -- hattip https://gist.github.com/prenagha/1c28f71cb4d52b3133a4bff1b3849c3e | |
| -- A global variable for the Hyper Mode | |
| k = hs.hotkey.modal.new({}, "F17") | |
| -- The following keys are configured as hot keys in their respective apps (or in Keyboard Maestro) | |
| -- d → Dash (configure in Dash preferences) |
| #!/bin/bash | |
| # file: ttfb.sh | |
| # curl command to check the time to first byte | |
| # ** usage ** | |
| # 1. ./ttfb.sh "https://google.com" | |
| # 2. seq 10 | xargs -Iz ./ttfb.sh "https://google.com" | |
| curl -o /dev/null \ | |
| -H 'Cache-Control: no-cache' \ | |
| -s \ |