Text Color Invert

CSS

filter: invert(1);
mix-blend-mode: difference;

Font Options

CSS

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeSpeed;
-webkit-text-size-adjust: 100%;
font-feature-settings: "kern";

Vertical Align

CSS

.element {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

iOS Specific

CSS

@supports (-webkit-touch-callout: none) {
  body {
    //code
  }
}

CSS Grid

CSS

.grid {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 40px;
	grid-row-gap: 40px;
	justify-items: stretch;
	align-items: inital;
}

Transition CSS

CSS

transition: all 0.3s ease-in;
transition: all 0.3s ease-in-out;