Some helpful CSS tricks

clickability-on-label.scss

// Show pointer on labels to indicate clickability
label {
  cursor: pointer;
}

help-cursor-for-abbreviations.scss

// Show help cursor over abbreviations
abbr {
  cursor: help;
}

hide-empty-content.scss

// Hide empty paragraphs
// Very useful in WYSIWYG editors
p:empty {
  display: none;
}

inherit-border-color.scss

// Inherit the parent's border colour
// http://stackoverflow.com/a/24025056/394419

* {
  border-color: inherit;
}

reset-box-sizing.scss

// Reset box sizing
// https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

svg-inherit-text-color.scss

// Colour an SVG the same as the text colour
// https://css-tricks.com/cascading-svg-fill-color/
svg {
  fill: currentColor;
}