Skip to content

Instantly share code, notes, and snippets.

@mpriour
mpriour / tailwind.config.js
Created March 10, 2022 03:07
Tailwind config
module.exports = {
content: ["./files/**/*.{html,js}","./public/templates/**/*.hbs","./index.html"],
theme: {
borderColor: ({ theme }) => ({
color: {
1: "var(--calcite-ui-border-1)",
2: "var(--calcite-ui-border-2)",
3: "var(--calcite-ui-border-3)",
input: "var(--calcite-ui-border-input)",
transparent: theme("colors.transparent")
git submodule deinit <path_to_submodule>
git rm <path_to_submodule>
git commit-m "Removed submodule "
rm -rf .git/modules/<path_to_submodule>
@mpriour
mpriour / audit.md
Last active January 15, 2022 21:03

High contrast accessibility audit for calcite-components

Background

High contrast mode is a special rendering mode on Windows that applies forced colors and simplifies visual elements throughout the entire platform. This mode is an accessibility feature of Windows and used by people with low vision or visual acuity issues. High contrast mode severally changes the way that websites are rendered on all Windows browsers.

References

  1. Enabling high contrast and customizing it (Windows 10 & 11)
  2. Styling Edge for Windows high contrast mode
  3. forced-colors media query (Modern browser support)
  4. [-ms-high-contrast media query (IE11 and Legacy Edge support)](https://developer.mozilla.o
@mpriour
mpriour / .browserslistrc
Last active October 14, 2021 16:24
Browsers list for modern development
last 2 Chrome major versions
last 2 Edge major versions
last 2 Safari major versions
last 2 iOS major versions
Firefox ESR
not IE 11
@mpriour
mpriour / AuthProvider.tsx
Created October 20, 2020 14:25
async reducer example
import { Context, createContext, h } from "preact";
import { useMemo } from "preact/hooks";
import { UserSession } from "@esri/arcgis-rest-auth";
import useLocalStorageState from "../hooks/useLocalStorageState";
import useAsyncReducer from "../hooks/useAsyncReducer";
interface IProviderProps {
children?:any
}
@mpriour
mpriour / settings.json
Created March 31, 2020 18:39
vscode color customization settings
"workbench.colorCustomizations": {
"editorLineNumber.foreground": "#cccccc",
"editor.findMatchBackground": "#f7d30766",
"editor.findMatchHighlightBackground": "#f7df0766",
"editor.background": "#000000",
"panel.background": "#000000",
"sideBar.background": "#000000",
"tab.activeBackground": "#000000",
"sideBar.border": "#4c4c4c",
"[Night Owl (No Italics)]": {
@mpriour
mpriour / .jshintrc
Last active November 2, 2016 15:46
JSHint Options for esri JSAPI development
{
// --------------------------------------------------------------------
// JSHint Configuration, esri jsapi
// only including options which differ from the standard default
// jshint [options][1] or those in the SublimeText [jshint plugin][2].
// When those 2 default references differ, the option is explictly included
//
// [1]: https://github.com/jshint/jshint/blob/2.x/examples/.jshintrc
// [2]: https://github.com/uipoet/sublime-jshint/blob/master/.jshintrc
// --------------------------------------------------------------------
@mpriour
mpriour / server.js
Last active June 20, 2016 19:20
OpenShift Restify NodeJS server module
#!/bin/env node
// OpenShift NodeJS Restify Server
var restify = require('restify');
/**
* Define the basic server.
*/
exports = (function() {
// Scope.
@mpriour
mpriour / jsdocs-conf.json
Created October 22, 2013 20:49
My jsdoc configuration for esri js api & DocStrap templates
{
"tags" : {
"allowUnknownTags" : true
},
"plugins" : ["plugins/markdown"],
"source": {
"excludePattern": "(^|\\/|\\\\)\\."
},
"opts" : {
"template": "/Users/matt7238/projects/docstrap/template/",