philipp-spiess

Namespace	Utility classes
--accent-color-*	Accent color utilities like accent-blue-600
--animate-*	Animation utilities like animate-spin
--aspect-*	Aspect ratio utilities like aspect-video
--backdrop-blur-*	Backdrop blur utilities like backdrop-blur-md
--backdrop-brightness-*	Backdrop brightness utilities like backdrop-brightness-125
--backdrop-contrast-*	Backdrop contrast utilities like backdrop-contrast-125
--backdrop-grayscale-*	Backdrop grayscale utilities like backdrop-grayscale
--backdrop-hue-rotate-*	Backdrop hue rotate utilities like backdrop-hue-rotate-60

getaaron

• Call 1-800-829-1040
• Press 1 for English (or other language as desired)
• Press 2 for personal tax
• Press 1 for form / tax history
• Press 3 for other
• Press 2 for other
• Ignore 2 SSN prompts till you get secret other menu
• Press 2 for personal tax
• Press 3 for other
• Wait for agent!

johanlef

The file _functions-override.scss contains the custom functions to handle color conversions within sass and bootstrap.

Bootstrap does not like its sass variables set to css custom properties, e.g. var(--primary). If you use the code snippets below, you can do so, under some conditions.

In the most basic case, you should provide your color variables using the hsl format.

If you insert this using javascript, you can use the script apply-colors.jsx to let js handle the conversion from hex or rgb to hsl.

Reference the main.scss file to import the files in the correct order.

Martin-Pitt

// Target state
var tx = 0;
var ty = 0;
var scale = 1;

function visualiseTargetState() {
	box.style.transform = `translate(${tx}px, ${ty}px) scale(${scale})`;
}

dcleao

NPM Commands, Scripts, Life-cycle Phases

The following describes the behaviour of several npm commands, particularly w.r.t. the scripts that are run in each, for NPM version 6.5.0.

npm build <other-package-folder>

1. npm run preinstall
2. link binaries (node-gyp)
3. for each bin command in other package:

redthor

#!/bin/bash
#
# I made this because bitbucket does not a have a team view on all the
# pipeline builds.
#
# See https://community.atlassian.com/t5/Bitbucket-questions/Where-can-I-get-a-view-of-all-the-pipeline-builds-for-a-team/qaq-p/786264
#
# Requires curl and jq
#
# Use it like this:

landsman

let gulp            = require('gulp'),
    replace         = require('gulp-batch-replace'),
    filesExist      = require('files-exist');

gulp.task('bt4', () =>
{
    let diff = {

        '@media (min-width: $screen-xs-min) and (max-width: $screen-sm-max)': '@media (min-width: map-get($grid-breakpoints, xs)) and (max-width: map-get($grid-breakpoints, xs))',
        '@media (min-width: $screen-xs) and (max-width: ($screen-md-min - 1))': '@media (min-width: map-get($grid-breakpoints, xs)) and (max-width: map-get($grid-breakpoints, md)-1)',

faressoft

DOM Performance

• How the browser renders the document
  • Receives the data (bytes) from the server.
  • Parses and converts into tokens (<, TagName, Attribute, AttributeValue, >).
  • Turns tokens into nodes.
  • Turns nodes into the DOM tree.
• Builds CSSOM tree from the css rules.

thecodefish

class MyController {

	editor: any;

	grapesJsConfig: {
		//whatever
	}

	constructor(private readonly $scope: ng.IScope) {}

anschaef

/* -------------------------------------------------------------------------- */
// All Bootstrap 4 Sass Mixins [Cheat sheet]
// Updated to Bootstrap v4.5.x
// @author https://anschaef.de
// @see https://github.com/twbs/bootstrap/tree/master/scss/mixins
/* -------------------------------------------------------------------------- */

/*
// ########################################################################## */
// New cheat sheet for Bootstrap 5: