jordan-cutler

Summary

Highlights from this set of configurations

• Auto save
• Auto format on save and fix all quick fix issues
• Auto import on save
• Format on save and paste
• Prepopulate command palette and file search with the last searched thing
• Limit the number of active tabs and allow them to wrap on smaller screens
• Auto import on paste (via an extension that works part of the time)

pmmueller

{
// ================================== 
// Make Visual Studio Code look like Brackets

// Anpassungen für das Theme »Hell (Visual Studio)« (english: »Visual Studio Light«) 
// (Weitere Infos: html-und-css.de/make-vs-code-look-like-brackets/)

// Die in diesem Gist gespeicherten Anpassungen müssen manuell kopiert und in die settings.json eingefügt werden: 
// 1. VS Code starten
// 2. Befehlspalette > Einstellungen: Farbdesign, und das Theme »Hell (Visual Studio)« aktivieren 

tkadlec

:root {
 --violation-color: red; /* used for clear issues */
 --warning-color: orange; /* used for potential issues we should look into */
}

/* IMAGES */

/*
 * Lazy-Loaded Images Check
 * ====

squidfunk

Styling native elements

Native HTML controls are a challenge to style. You can style any element in the web platform that uses Shadow DOM with a pseudo element ::pseudo-element or the /deep/ path selector.

video::webkit-media-controls-timeline {
  background-color: lime;
}

video /deep/ input[type=range] {

babette-landmesser

export default {
	data: [
		{"name":"mediaman.com/"},
		{"name":"mediaman.com/leistungen/digitale-beratung"},
		{"name":"mediaman.com/leistungen/data-sprint"},
		{"name":"mediaman.com/leistungen/data-ideation-workshop"},
		{"name":"mediaman.com/agentur"},
		{"name":"mediaman.com/jobs"},
		{"name":"mediaman.com/datenschutzhinweise"},
		{"name":"mediaman.com/impressum"},

sturobson

[class*='ary'].vf-card--bordered {
  --vf-card-theme-color--background: white;
}

/*
 * We have 4 'themes' that only add colour
 * We have (potentially several) design variants
 * One of those is where we only have a border of colour rather than a block of color with text on it.
 * This updates the background colour for any card that has the 'normal' design variant
 * with any of the four colour palettes - primary, secondary, etc, etc.

bradtraversy

Flutter Setup & Notes

1. Download SDK

Download Flutter SDK, extract the "Flutter" folder and put somewhere on your machine https://flutter.dev/docs/get-started/install

2. Add path

Add path for 'location/flutter/bin'

jensgro

/* hide only visually */
.sr-only:not(:focus):not(:active) {
  width: 1px;
  clip: rect(0 0 0 0); 
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap; 
}

jensgro

/* https://allyjs.io/tutorials/hiding-elements.html */
.visuallyhidden:not(:focus):not(:active) {
  position: absolute;

  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;

programmiri

Disclaimer

I put a lot of things in I just found in the freezer, so it's not really possible to give you correct data about quantities and stuff.

Things you need in no particular order

For the salad

• red lentils
• 2 bell peppers
• 1 Avocado
• generous amount of fresh cilantro